1:
本实例是通过<input>元素的autofocus属性实现的
主要功能:
是当加载页面完成后
设置光标是否自动锁定<input>元素,即是否使元素自动获取焦点
在<input>元素中,如果将该属性的值设置为TRUE,或直接输入autofocus属性名称,那么对应的元素将自动获取焦点
新的表单属性
1:
autocomplete
novalidate
2:
新的input属性
autocomplete
autofocus
form
form verrides
height和width
list
min,max,step
multiple
pattern(regexp)
placeholder
required
任务1:
创建2个输入框,一个名字,一个密码,
为输入姓名的输入框设置autofocus属性,当成功加载页面或单击表单的提交按钮后
拥有autofocus属性的姓名输入框会自动获取焦点
<form id="frmTmp">
<fieldset>
<legend>autofocus属性</legend>
<p>
输入姓名:
<input type="text" name="txtName" class="inputtxt" autofocus="true">
</p>
<p>
输入密码:
<input type="password" name="txtPsw" class="inputtxt" >
</p>
<p class="p_center">
<input name="frmSubmit" type="submit" class="inputBtn" value="提交"/>
<input name="frmSubmit" type="reset" class="inputBtn" value="取消"/>
</p>
</fieldset>
</form>
本实例是通过<input>元素的autofocus属性实现的
主要功能:
是当加载页面完成后
设置光标是否自动锁定<input>元素,即是否使元素自动获取焦点
在<input>元素中,如果将该属性的值设置为TRUE,或直接输入autofocus属性名称,那么对应的元素将自动获取焦点
新的表单属性
1:
autocomplete
novalidate
2:
新的input属性
autocomplete
autofocus
form
form verrides
height和width
list
min,max,step
multiple
pattern(regexp)
placeholder
required
任务1:
创建2个输入框,一个名字,一个密码,
为输入姓名的输入框设置autofocus属性,当成功加载页面或单击表单的提交按钮后
拥有autofocus属性的姓名输入框会自动获取焦点
<form id="frmTmp">
<fieldset>
<legend>autofocus属性</legend>
<p>
输入姓名:
<input type="text" name="txtName" class="inputtxt" autofocus="true">
</p>
<p>
输入密码:
<input type="password" name="txtPsw" class="inputtxt" >
</p>
<p class="p_center">
<input name="frmSubmit" type="submit" class="inputBtn" value="提交"/>
<input name="frmSubmit" type="reset" class="inputBtn" value="取消"/>
</p>
</fieldset>
</form>