表单

重点

表单是html非常重要的一个环节，他是与用户数据交互的元素

表头

form标签表示

autocomplete

自动补全属性，在浏览中开启自动补全，有on off

name

表单名，如果添加该属性，必须赋值，不能为空

action

这是一个处理表格的url，但是可以被button input-submit 或者input-image里的formation属性覆盖掉

input

就是用户输入信息的元素，里面有很多方式

 <input type="text">

type有text number password ``````很多，睡着版本更新，会越来越多，用法都很简单

基本就是 有几个属性，name,id,required,placeholder,

一般都会配合label使用·

<label for="textone">text</label><input type="text" id="textone" placeholder="文本输入" required>

label的for对应input的id,这样你点label也就选中了input

radio,checkbox的使用

因为有多个要关联，所以把要关联的设定同一个name值

value表示每个元素的值

<label for="radio1">东</label><input type="radio" id="radio1" placeholder="密码输入" name="radioone" value="东"><label for="radio2">西</label><input type="radio" id="radio2" placeholder="密码输入" name="radioone" value="西">

range

<input type="range" min="0" max="100" step="2" id="rg1">

step表示滑块每次增长的幅度

<input type="range" list="tickmarks">
<datalist id="tickmarks">    <option value="0" label="0%"></option>    <option value="10"></option>
    <option value="30"></option>    <option value="40"></option>    <option value="50" label="50%"></option>    <option value="60"></option>    <option value="70"></option>    <option value="80"></option>    <option value="90"></option>    <option value="150" label="100%"></option></datalist>

也可以像这样自己设置每一步的名称

select

<select>    <option value="" selected>please choose</option>    <option>A</option>    <option>d</option>    <option>c</option>    <option>b</option></select>

暂时没什么好讲的

textarea

<textarea rows="8" cols="10"></textarea>

暂时也没啥好讲的

fieldset

将单选按钮包裹在 fieldset 元素中以获得更好的可访问性

接下来的表单主题是关于单选按钮的可访问性。 在上一个挑战中，每个单选按钮都有一个包含 for 属性的 label 标签，这些属性值指向相关选项的 id。 然而单选按钮通常成组出现，而且用户必须选择其中一项。

fieldset 标签包裹整组单选按钮，实现这个功能。 它经常使用 legend 标签来提供分组的描述，以便屏幕阅读器用户会阅读 fieldset 元素中的每个选项。

当选项的含义很明确时，如“性别选择”，fieldset 与 legend 标签可以省略。 这时，使用包含 for 属性的 label 标签就足够了。