HTML5(二):表单
表单的形式有:提交image、只提交文字(textarea)、账号密码登录类型、复选框、
先说一个便捷向input输入的标签:
'''
<form id="test">
<input type="text">
</form>
'''
那么下面的代码放在页面的哪里就都可以了。
'''
<textarea form="test"></textarea>
'''
1、提交image
新增height、width指定高宽
2、只提交文字(textarea)
新增maxlength(长度)、wrap(软硬加换行标志)
3、账号密码登录类型
首先,将“账号:”与 input 关联起来,用 label(for=id),H5并提供 labels 属性,将该元素过构成一个集合,可用来调用方法。访问 input 里面的内容用 control 属性,需要用 autofocus 获焦,placeholder 提示输入(请输入账号)。
下拉列表:list、datalist、autocomplete(是否显式指定候补输入的数据列表)
'''
text:<input type="text" name="test" list="tests">
<datalist id="tests" style="display:none;">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</datalist>
'''
提交部分:
多个input列表,可分别确定提交到不同的页面(formaction)、不同的提交方法(formmethod)、对表单内数据进行不同方式的编码(formen从type)、以不同方式打开表单提交后所加载的页面(formtarget:_blank/_self/_parent/_top/framename)
验证:
required(空白不允许提交)、pattern(正则验证)
种类简单验证:search、tel、url、email、date/month/week/time/datetime-local、number、range、color
取消验证:novalidate/formnovalidate
4、复选框
indeterminate——未明确选取