html怎么样写表单,表单详细教程

表单:

注意:html里属性都是字符串!

注意:button必须写在tr里,否则程序卡死!

不切割换行键:ctrl+回车

姓名

html怎么样写表单,表单详细教程_第1张图片

表单提交的方式:

html怎么样写表单,表单详细教程_第2张图片

 

快捷键快速调出开发者工具:

F12

表单元素:

html怎么样写表单,表单详细教程_第3张图片

修改:是hidden不是hiden

隐藏框:

html怎么样写表单,表单详细教程_第4张图片

 

文本框:

数字框:

单选框:

name相同

html怎么样写表单,表单详细教程_第5张图片

单选框高级(点文字也可选,有默认):

html怎么样写表单,表单详细教程_第6张图片

 

 

复选框:

html怎么样写表单,表单详细教程_第7张图片

文件框:

下拉选择器:

html怎么样写表单,表单详细教程_第8张图片

 

 

文本域框(50列5行):

html怎么样写表单,表单详细教程_第9张图片

 

 

按钮1:

html怎么样写表单,表单详细教程_第10张图片

 

按钮2:

html怎么样写表单,表单详细教程_第11张图片

成果展示:

html怎么样写表单,表单详细教程_第12张图片

 

html文档:

表单制作

表单元素展示

 

 

 

 

 

 

 

 

 

 

姓名
年龄
性别

爱好

游戏

学习

上网

电影

头像

 

 

在指定的div里显示html网页用iframe:

html怎么样写表单,表单详细教程_第13张图片

跳转链接:

html怎么样写表单,表单详细教程_第14张图片

样式style如何设置:

html怎么样写表单,表单详细教程_第15张图片

 

html怎么样写表单,表单详细教程_第16张图片

成果展示:

html怎么样写表单,表单详细教程_第17张图片

你可能感兴趣的:(前端,css,html,网页设计,html5,web)