1.实战百度搜索,向百度服务器发送请求
https://www.baidu.com/s?键1=值1&键2=值2
action:表单提交的位置
method(get/post):表单提交的方式
GET:
(1)参数会依附于url地址之后
(2)利用get方式提交数据,数据的长度有限制
(3)利用get方式提交数据,是不安全的
Post
(1)请求不会依附于地址,
(2)利用post处理参数不受限制
(3)post提交数据比较安全
自写百度代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="https://www.baidu.com/s" method="get"> <!--普通文本框--> <input type="text" name="wd"/> <input type="submit" value="百度一下" /> </form> </body> </html>
2.注册的一个页面
<!--普通文本框 value:文本框中值--> 账号: <input type="text" name="zh" value="123" /> 密码:<input type="password" name="pwd" value="123" /> <!--单选框 实现单选的效果必须指定同一个name属性 checked:默认的选择--> 男:<input type="radio" name="sex" value="1" checked="checked"/> 女:<input type="radio" name="sex" value="0"/> <!--多选框--> 抽烟:<input type="checkbox" value="1" checked="checked"> 喝酒:<input type="checkbox" /> 烫头:<input type="checkbox" /><br /> <!--多行文本框--> 个人介绍: <textarea rows="15" cols="20" value="">你 好</textarea><br /> <!--文件选择框--> <input type="file" name="file" /><br /> <!--隐藏框--> <input type="hidden" name="sno" value="20180607" /><!--下拉框 selected:默认的选择--> <select name="ch"> <option value="1">中国</option> <option value="2" selected="selected">美国</option> <option value="3">日本</option> <option value="4">新加坡</option> </select> <!--提交按钮--> <input type="submit" value="提交" /> <!--清除按钮,清空写好的内容--> <input type="reset" value="清除" /> <!--普通的按钮 没有提交数据的功能--> <input type="button" value="提交" />
效果: