HTML的表单操作
2017-07-16 17:39
99 查看
HTML中表单标签用于将数据提交给服务器,其跟标签为,常用属性有:action:指定提交数据的地址,method:指定表单的提交方式(提交方式有默认get方法,该方法提交数据时数据会在地址栏显示不安全且提交的数据大小不能超过1KB,post提交方式不会将数据内容显示在地址栏且大小不受限制)。
下面是一个用表单操作实现的信息注册的实例:
下面是一个用表单操作实现的信息注册的实例:
</head> <!--表单项的数据要提交到服务器上,必须有name的属性值--> <body> <form action="http://www.baidu.com" method="post"> <!--文本输入框 单行--> 用户名:<input name="username" type="text"/><br/> 密码:<input name="password" type="password"/><br/> <!--单选框 --> 性别:男<input checked="checked" value="man" name="sex" type="radio"/> 女<input name="sex" value="woman" type="radio"/><br/> <!--下拉框 --> 来自的城市:<select name="city"> <option value="BK">北京</option> <option value="SH">上海</option> <option value="GZ">广州</option> <option value="SZ">深圳</option> </select><br/> <!--复选框 同一组的复选框,name 的属性值要一致--> 兴趣爱好:java<input value="java" name="hobit" type="checkbox"/>javascript <input value="javascript" name="hobit" type="checkbox"/> C#<input value="C#" name="hobit" type="checkbox"/><br/> <!--文件上传框--> 照片:<input name="image" type="file"/><br/> 个人简介: <!--文本域--> <textarea name="introdute" rows="10" cols="30"> </textarea><br/> <!--提交按钮--> <input type="submit" value="注册"/> <!--重置按钮--> <input type="reset" value="重置"/> </form> </body>
相关文章推荐
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
- js 节点 document html css 表单节点操作
- html,基础'表单'操作
- 在HTML中禁止表单回车就提交操作
- MVC中HTML表单操作
- HTML---表单操作
- HTML提交表单用户选择的头像如何利用<select>标签提交到PHP并连接数据库进行存读操作
- 利用js和html实现表单操作(onsubmit、onclick、submit等方法的异同)
- HTML的表单操作
- html5+css3实现一款注册表单
- html 表单
- jQuery对表单、表格的操作及更多应用
- 用PHP的超级变量$_POST获取HTML表单(HTML Form) 数据
- HTML表单元素中disabled的元素的值不会提交到服务器
- jquery定位生成后的html并对其操作
- HTML静态网页 图片热点、框架、表单
- 【HTML/CSS】 JS中form表单中的onsubmit监听返回 true或者false用法
- mysql的字符串函数 http://www.cnblogs.com/xiaochaohuashengmi/archive/2010/12/13/1904330.html 对于针对字符串位置的操作,
- 表格、表单操作
- 使用 jsoup 对 HTML 文档进行解析和操作