html表单页面设计_h5网页设计与制作

html表单页面设计_h5网页设计与制作HTML5的表单如何制作?HTML5对表单素提供了patern属性,它接受一个正则表达式。表单提交时这个正则表达式会被用于验证表单内非空的值,如果控件的值不匹配这个正则表达就会弹出提示框,并阻止表达提交。提示框内的文字可以使用setCustomValidity方法来

HTML5的表单如何制作?   HTML5对表单素提供了patern属性,它接受一个正则表达式。表单提交时这个正则表达式会被用于验证表单内非空的值,如果控件的值不匹配这个正则表达就会弹出提示框,并阻止表达提交。提示框内的文字可以使用setCustomValidity方法来自定义。  比如下面这个表单内,文本框只接受大陆的手机号,输入其它东西就无法提交运行<!DOCTYPE html><form> <input id=”text” pattern=”^1[3-9]\d{9}$” required /> <input id=”button” type=”submit” /></form>   列表   无序列表   布局排列整齐不需要规定顺序的区域。标签:ul嵌套li,ul无序列表,li列表条目。   ul标签只能包裹li标签,li标签可以包裹任意内容。   有序列表   布局排列整齐需要规定顺序的区域。标签:ol嵌套li,ol有序列表,li列表条目。   ol标签只能包裹li标签,li标签可以包裹任意内容。   定义列表   标签,dl嵌套dt和dd,dl是定义列表,dt是定义列表的标题,dd是定义列表的描述或内容。   dl标签只能包裹dt和dd标签,dt和dd标签可以包裹任意内容。   表格   标签table嵌套tr,rt嵌套td和th。tr表示行,th表示表头单格,td表示内容单格。表格默认没有边框线,使用属性border为表格添加边框线。   用表格结构标签把内容划分区域,thead表格头部,tbody表格主题,tfoot表格底部。   合并单格的步骤   1,明确合并目标。   2,保留最左上的单格,添加属性(取值是数字,表示合并的单格数量。   跨行合并标签是rowspan,保留最上单格。   跨列合并标签是colspan,保留最左单格。   3,删除·其他单格。   表单   收集用户信息,适用登录和注册页面和搜索区域。   input标签   type属性值不同则功能不同。text文本框,用于输入单行文本。password密码框。radio单选框。checkbox多选框。file上传文件。   placeholder站位文本,显示提示信息。   radio常用属性;   name,控件名称,控件分组同组中只能选一个。checked(多选框也用)默认选中。   file默认情况下上传控件只能上传一个文件,添加multiple可以实现文件多选功能。   下拉菜单   标签select嵌套option,select下拉菜单整体,option下拉菜单每一项。selected默认选中。   文本域标签textarea(双),输入多行文本的表单控件。   label标签,网页中某个标签的说明文本。用label绑定文本和表单控件的关系,增大表单控件范围。   按钮   标签button,type属性值:   submit提交按钮,后可提交数据到后台。   reset重置按钮,后将表单控件恢复默认值。   button普通按钮,默认没有功能,一般配合JavaScript使用。   布局标签;div独占一格。span不换行。   空格实体名称&nbsp;大于号&gt;小于号lt。

2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/74851.html

(0)
上一篇 2024年 8月 5日 上午9:06
下一篇 2024年 8月 5日 上午9:10

相关推荐

关注微信