HTML表单元素

向右看齐 2022-12-20 11:09 145阅读 0赞

## HTML表单元素 ##

HTML中的表单元素，可以说是整个HTML中最常用也是最重要的部分，里面包含的太多的元素，尔每一个元素中的type类型又有很多种。所以需要大家理清楚区分开来。

第一个当然是我们最常见的 input；其type值超多：

<input type="text"> 定义供文本输入的单行输入字段
    <input type="password"> 定义密码字段
    <input type="submit"> 定义提交表单数据至表单处理程序的按钮。
    <input type="radio"> 定义单选按钮。
    <input type="checkbox"> 定义复选框。
    <input type="button"> 定义按钮。
    <input type="number"> 用于应该包含数字值的输入字段。
    您能够对数字做出限制。

常用的限制：
    disabled	规定输入字段应该被禁用。
    max	规定输入字段的最大值。
    maxlength	规定输入字段的最大字符数。
    min	规定输入字段的最小值。
    pattern	规定通过其检查输入值的正则表达式。
    readonly	规定输入字段为只读（无法修改）。
    required	规定输入字段是必需的（必需填写）。
    size	规定输入字段的宽度（以字符计）。
    step	规定输入字段的合法数字间隔。
    value	规定输入字段的默认值。

第二个就是我们的select元素（下拉列表）

<select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat">Fiat</option>
    <option value="audi">Audi</option>
    </select>

selected属性通常用于把首个选项显示为被选选项。

第三个：textarea 元素定义多行输入字段（文本域）

<textarea name="message" rows="10" cols="30">
    The cat was playing in the garden.
    </textarea>

第四个：button元素定义可点击的按钮

<button type="button" onclick="alert('Hello World!')">Click Me!</button>

html5还新增了几个元素：

datalist

keygen

output

其中： 元素为 元素规定预定义选项列表。

用户会在他们输入数据时看到预定义选项的下拉列表。

元素的 list 属性必须引用 元素的 id 属性。