在HTML中,表单标签的学习十分重要。表单是客户端与服务器端交流的途径,从浏览器端获取输入信息。H5中的新标签也是的有些验证相当便利,更容易实现。
工具/原料
EditPlus
方法/步骤
1
在EditPlus中创建HTML页面,在body中加入
2
method的提交方式:post、getpost和get的区别:post通过表单方式提交,数据采取加密方式传输,更安全;post传输数据理论上没有限制;post以流媒体形式传输,用于传输文件。get通过网页url传输数据,不安全,传递数据会显示在地址栏;get传输数据有限制,不能传输大量数据。
3
元素的属性:input必须设置type属性和name属性type可以设置为:text 文本框;password 密码框;radio:单选框;checkbox:复选框;submit 提交
4
设置邮箱、日期输入框:type='email' 设置input的type属性为email,会自动检测输入的邮箱格式。type='date' 设置input的type属性为date,会自动显示日期供选择。
5
设置手机号码输入框:[数字]{占位个数},如[358]{1}:表示358三个数占一位就满足条件。
6
其他属性:滑块:16色板:placeholder:默认的输入框文字required:指定非空autofocus:默认聚焦直接在指定的input中加入即可,会自动验证
注意事项
希望可以帮到大家!谢谢大家的投票和点赞。
上一篇:EXCEL怎么制作标签图