HTML5

HTML5(二):表单

2020-11-29  本文已影响0人  wsgdiv

表单的形式有:提交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——未明确选取

上一篇下一篇

猜你喜欢

热点阅读