HTML常用表单写一个百度搜索和注册页面
目录
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="提交" />
效果：
