日志
HTML2.1表单标签及属性介绍
2018-10-22 09:43
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单标签及属性介绍</title> </head> <body> <!--form：表单标签，在html页面创建一个表单（浏览器上不显示），若要提交数据到服务器则负责收集数据的标签要放到form内 ;--> <!--action:(确定表单提交的路径);--> <!--method提交方式：get(默认值)有内容 ，post没有--> <form action="#" method="get"> <!--input：输入域标签，获取用户输入信息;--> <!--type值不同收集方式不同：hidden(隐藏字段，数据会发送到服务器但浏览器不显示),text（文本框）,password（密码框）,radio（单选框）,checkbox（复选框）, file（文件上传组件）,submit（提交按钮）,button(普通按钮),reset(重置按钮);--> <!--name:元素名（表单数据需提交到服务器必提供name属性值），服务器通过属性值获取提交数据;--> <!--readonly:只读--> <!--value:设置input默认值。submit和reset为按键上显示数据--> <!--size：大小--> <!--maxlength:允许输入的最大长度--> 隐藏字段:<input type="hidden" name="id" value=""/><br/> 用户名:<input type="text" name="username" readonly="readonly" value="zhangsan" size="40px" maxlength="20"/><br/> 密码:<input type="password" name="password"/><br/> 确认密码:<input type="password" name="repassword"/><br/> 性别:<input type="radio" name="sex" value="man"/>男 <input type="radio" name="sex" value="woman"/>女<br/> 爱好:<input type="checkbox" name="hobby" value="钓鱼"/>钓鱼 <input type="checkbox" name="hobby" value="打电动"/>打电动 <!--checked:单选或复选框默认勾选--> <input type="checkbox" name="hobby" value="画画" checked="checked"/>画画<br/> 头像:<input type="file" /><br/> <!--select:下拉列表标签--> 籍贯:<select name="province"> <!--option:子标签，下拉列表中的一个选项--> <option>---请选择---</option> <!--value：发送得服务器的选项值--> <option value="北京">北京</option> <option value="上海">上海</option> <!--selected:勾选当前列表项--> <option value="广州" selected="selected">广州</option> </select><br/> 自我介绍: <!--textarea:文本域--> <textarea> </textarea><br/> 提交按钮:<input type="submit" value="注册"/><br/> 普通按钮:<input type="button" value="普通按钮"><br/> 重置按钮:<input type="reset"/> </form> </body> </html> 蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。 阅读全文 |
下一篇： 调试移动端网页工具Weinre使用整理
上一篇： 说服用户，让事情变的更简单！