control属性:给表单设置默认值
<script>
function setValue(){
var label =document.getElementById("label");
var textbox=label.control;
textbox.value="001010";
}
</script>
<form>
<label id="label">
邮编:
<input type="text" id="txt_zip" maxlength="6">
<small>请输入六位数字</small>
</label>
<input type="button" value="设置默认值" onclick="setValue()">
</form>
placeholder属性:该属性是指当文本框处于未输入状态时显示的输入提示。当文本框处于未输入状态且未获得光标焦点时,模糊显示输入提示文字。
list属性:在HTML5中,为单行文本增加了一个list属性,该属性的值为datalist元素的id。datalist元素也是HTML5中的新增元素,该元素类似于选择框,但是当用户想要设定的值不在选择列表之内时,允许自行输入。datalist元素本身并不显示,只有当文本框获得焦点时以提示输入的方式显示。
<form>
请选择你的学习方向:
<input type="text" name="greeting" list="greetings">
<datalist id="greetings" style="display:none">
<option value="HTML学习">HTML学习</option>
<option value="Android学习">Android学习</option>
<option value="IOS学习">IOS学习</option>
</datalist>
</form>
Autocomplete属性:帮助输入所用的自动完成功能,是一个既节省时间又十分方便的功能。在HTML5之前,因为谁都可以看见输入的值,所以安全方面存在缺陷,只要使用Autocomplete属性,安全性方面也可以得到很好的控制。
pattern属性:对input元素使用pattern属性,并且将属性值设为某个格式的正则表达式,在提交时会针对这些进行检查,检查其内容是否符合给定格式。当输入的内容不符合给定格式时,不允许提交,同时在浏览器上显示信息提示文字,提示输入的内容必须符合给定格式。
indetermiante属性:对于复选框checkbox来说,过去只有选取和未选取这两种状态。现在,在HTML5中,可以再javascirpt脚本代码中对该元素使用indeterminate属性,以说明复选框处于“尚未明确是否选取”状态。
<input type="checkbox" indeterminate id="cb">属性测试
<script>
var cb=document.getElementById("cb");
cb.indeterminate=true;
</script>
|
|