表单与表格介绍及运用

父元素 form
子元素 input
文本内容与input关联
{设置键值对}
用户输入：需要添加name
用户选择：需要添加name和value
{设置默认值}
用户输入：添加value
用户选择：checked{单选，多选}
注：下拉列表默认值添加selected
label的for属性值与input的id值相同即可关联 label{ display: inline-block；宽度
}
当input 被激活时添加样式
激活焦点框
input ：focus{
去掉默认轮廓
outline：none；
boder：1px solid red；
maxlength属性 设置输入的最大长度
textarea cols=‘30’rows=‘10’一行容量30个字符，可以容纳10行
文本框 placeholder 提示信息 ::-webkit-input-placeholder修改提示信息
密码框
单选框 里面加name <input type="radio"name=“””> name一致 checked属性{默认值} required
复选框
上传框
这五个表单进行操作的元素
按钮
<input type="submit vaulue > 提交按钮
提交按钮 可以把提交按钮做成图片
重置按钮 回到默认值状态
button 可以当做提交有提交功能
这四个表单按钮元素
隐藏表单 里面可以设置name value属性 value 值 name名称
下拉列表
父元素 select
子元素 optgroup 或 option
optgroup的子元素 option

<input id= “phonne” placeholder type="text"value>
表格
祖先级元素：table
table 的子元素： thead tbody tfoot
thead tbody tfoot 子元素：tr
tr子级：td
注：表头tr的子级是th