html5学习日志02

h5基础

表单语法

html5学习日志02_第1张图片


html5学习日志02_第2张图片


文本框
html5学习日志02_第3张图片


密码框
html5学习日志02_第4张图片

单选按钮

html5学习日志02_第5张图片


复选框

html5学习日志02_第6张图片

列表框

html5学习日志02_第7张图片

按钮

html5学习日志02_第8张图片

多行文本域
html5学习日志02_第9张图片

文件域
html5学习日志02_第10张图片

邮箱
html5学习日志02_第11张图片

网址
html5学习日志02_第12张图片

数字
html5学习日志02_第13张图片

滑块
html5学习日志02_第14张图片

搜索框
html5学习日志02_第15张图片


html5学习日志02_第16张图片

html5学习日志02_第17张图片

placeholder

input类型的文本框提供一种提示(hint)
可以描述文本框期待用户输入何种内容
提示语默认显示,当文本框中输入内容时提示语消失
适合于input标签:text、search、url、email和password等类型

html5学习日志02_第18张图片

required

规定文本框填写内容不能为空,否则不允许用户提交表单
适合于input标签:text、search、url、email、password、number、checkbox、radio、file等类型


pattern

用户输入的内容必须符合正则表达式所指的规则,否则就不能提交表单


html5学习日志02_第19张图片











你可能感兴趣的:(html5学习日志02)