04 HTML 表单

04 HTML 表单
04 HTML 表单
使用get传输不安全,输入结果直接显示在地址栏URL
04 HTML 表单
04 HTML 表单
采用post,在URL中看不到,要在form data才看得到,还可以以后后台加密
04 HTML 表单
04 HTML 表单

①value元素初始值

04 HTML 表单
04 HTML 表单

②maxlegth表单可输入最大长度

04 HTML 表单

③表单初始宽度

04 HTML 表单
04 HTML 表单

④radio 单选按钮

必须要写value和name,并且记得两个name要记得写并且一致,表示两个是一组的,否则会出现两个按钮可以同时点的情况
04 HTML 表单
04 HTML 表单
checked表示默认选择
04 HTML 表单
养成一个规范,只要是input标签都需要name

⑤checkbox 复选框

跟单选框一样,复选框name和value也是必须要填的
04 HTML 表单
04 HTML 表单
04 HTML 表单
04 HTML 表单
跟单选框一样checked表示默认选择

⑥按钮

04 HTML 表单

⑦下拉框、列表框

selected表示默认选项
04 HTML 表单
04 HTML 表单

⑧文本域textarea

04 HTML 表单
04 HTML 表单

⑨文件域file

04 HTML 表单
04 HTML 表单
注意:表单元素都要写name

⑩滑块range

04 HTML 表单
04 HTML 表单

⑪简单验证

04 HTML 表单
04 HTML 表单
04 HTML 表单
04 HTML 表单
04 HTML 表单
04 HTML 表单

⑫搜索框search

04 HTML 表单
04 HTML 表单
搜索框与我们前面的输入框唯一不同的一点是搜索框带叉号,点击叉号可以删除框内所选

04 HTML 表单

⑬禁用 disabled

给text框加上value值和readonly表示只能使用这个value值
04 HTML 表单
04 HTML 表单
==给单选框radio加上disabled表示只能选其他选项,此选项被禁用
04 HTML 表单
04 HTML 表单
disabled在其他框也能用,比如用在提交按钮上等等
04 HTML 表单
04 HTML 表单

⑭隐藏域hidden

04 HTML 表单
04 HTML 表单
隐藏域只是把框隐藏起来,但它的值还是存在的

⑮增强鼠标可用性

04 HTML 表单
鼠标点击文字自动跳到框内
04 HTML 表单
04 HTML 表单
for表示要跳到那个名字一致的id的框中
04 HTML 表单

04 HTML 表单

⑯提示信息placeholder

04 HTML 表单
04 HTML 表单

⑰非空判断required

04 HTML 表单
04 HTML 表单

⑱正则表达式pattern

04 HTML 表单
常用正则表达式大全link.