表单

表单：为了客户端浏览器跟服务器做数据交互。客户端信息提交到服务器。使用网站具备动态功能。

场景：用户登录、注册。百度翻译用户输入框。用户反馈表单；表格鼻梁修改功能的单选框。

 

form标签：表单。注意不是from。如果写错不会影响页面，但会影响提交。

input标签：表单具体部件，根据type属性显示不同的表单组件。

type属性：

text  文本框

password   密码框里的密码会自动隐藏掉

radio    单选

checkbox   多选

file    上传文件

number      文本框，自带数字验证功能（目前流行）

email        文本框，自带邮箱验证功能

reset        重置

submit     提交

placeholder属性：占位符，input标签里的提示。

title属性：鼠标悬停提示信息。

name属性：表单中的name属性几乎是必须写。

value属性：几乎必写，表单真正发送到后台数据值，区别显示内容。

checked属性：单选框，多选框中设置已选择默认值。

required属性：必填项。

readonly：只读

label标签：语义化标签，提示信息显示在input文本框头部信息。

for属性：把label标签内容和input关联起来。没有for属性的话先写label在写input

select标签：下拉框跟单选框相似但默认隐藏点击后才会显示所有选项列表

option标签：   option 选项  跟select标签连用

selected标签：已选择过，默认选择项

textarea标签： text area 文本域

rows\cols属性：rows columns   行列数，控制文本域面积

fieldset标签：field set 控件集合

文本域跟文本框相似。文本域是跟大的编辑区，常用与用户反馈信息页面或编辑页面

转载于:https://www.cnblogs.com/english19990-inng/p/11530386.html