form标签使用
<form>标签与其他标签一样都是成对出现的,以<form>开始,以</form>结束。表单中可以嵌入各种表单控件,比如文本框、文本域、按钮、单选框、复选框等。
操作方法
- 01
语法: <form method="传送方式" action="服务器网址"> <!--表单控件--> </form> 数据传送的方式method属性值:get和post。 注意:1. get是将表单内各字段名称与其内容,以成对的字符串连接; post是通过 HTTP post 机制,将表单内各个字段与其内容放置在 HTML 表头(header)内一起传送到action属性所指的程序处理,该程序会通过标准输入(stdin)方式,将表单的数据读出并加以处理,用户看不到这个过程。 2、 get安全性非常低,执行效率却比Post方法好。因为在传输过程,数据被放在请求的 url 中,这些数据可能被记录到 url 日志文件中,存在隐私泄露的风险; post安全性较高,post的所有操作对用户来说都是不可见的。 3、 get传送的数据量较小,受 url 长度限制不能大于2KB。 post传送的数据量较大,一般被默认为不受限制。 4、 get是从服务器上获取数据。 post是向服务器传送数据。
- 02
列: <html><body> <form method="post" action="laowang.php"> <!-- 密码框和文本框的差别在于type属性 --> 姓名:<input type="text" id="name"> <!-- 请注意,当您在密码域中键入字符时,浏览器将使用项目符号来代替这些字符。 --> 密码:<input type="password" id="password"> <!-- 同组的单选框和复选框name属性值一致才能实现选效果,差别在于type--> <br> 男:<input type="radio" value="m" name="gender"> 女:<input type="radio" value="f" name="gender"> <br> 你喜欢: 听歌<input type="checkbox" value="music" name="like"> 看电影<input type="checkbox" value="film" name="like"> <br> <!-- 下拉框可以节省网络空间,预选值指预先指定的首选项 --> 你期望的工资是: <select name="money" > <option value="4000" selected="selected">4000</option> <option value="5000">5000</option> <option value="6000">6000</option> <option value="7000>7000</option> </select> <br> <input type="submit" value="确定" name="submit"> <input type="reset" value="重置" name="reset"> </form> </body> </html>