七百字讲清楚html的表单
一句话,表单就是一个form元素,里面包含了一个或多个input、textarea、select>option。这些子元素一般都有属性name和value,当向后端传送数据时,传的就是这些name和value。
1、input元素是多行,textarea元素是多行。
2、给input元素的type设置不同的值,就得到不同的输入框。type的取值有:


3、没有一个元素叫radio,所谓radio是用一组input[type=”radio”]来实现的。
4、怎么知道一组input[type=”radio”]属于同一组,看它们的name值是否相同。
5、没有一个元素叫checkbox,所谓checkbox是用一组input[type=”checkbox”]来实现的。
6、怎么知道一组input[type=”checkbox”]属于同一组,看它们的name是否相同。
7、label其实是传送门,点击了label,就相当于点击了和它联系的input、textarea。何谓“联系”呢,就是label的for值等于某个input、textarea的id值。
8、select一般是单选的,如果想要多选,需要添加一个属性multiple=”multiple”.
9、一般,checkbox有默认的选项,可以这样来设置:
10、如果select里的option太多了,为了看起来清爽,可以对它们分组,使用optgroup标签即可,具体的html结构是select>optgroup>option。
11、如果form里的项目太多,为了看起来清爽,可以对它们分组,使用fieldset标签即可,具体的html结构是form>fieldset>input/textarea/select。
12、form的action属性设置的是处理该表单的后台地址。但是现在已经很少用了,现在都是用js来控制向后台传送数据的整个流程。