CSS难不难之源码解析(服务器交互)

时间:2022-06-01 20:27:41
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>表单的学习--与服务器打交道</h1>

<!--action:数据提交的服务器的url地址-->
<form action="127.0.0.1" method="post">

用户名:<input type="text" name="username" /> <br />
密码:<input type="password" name="psd" />
性别:<input type="radio" name="sex"  value="man"/>男
<input type="radio" name="sex" value="woman"/>女  <br />


<!--下拉框-->
请选择你所在的城市:
<select name="city">
<option value="cs">香港</option>
<option value="sz">深圳</option>
<option value="gz">广州</option>
<option>北京</option>
</select>  
<br />


爱好:<input type="checkbox" checked="checked" name="hobby" value="sleep"/>睡觉
 <input type="checkbox"  name="hobby" value="reading"/>看小说
 <input type="checkbox"  name="hobby" value="playgame"/>打游戏  <br />



<input type="submit" value="提交到服务器" />

</form>

<h1>调用百度的搜索</h1>

<!--格式:服务器的地址 ?
参数1的名字 = 参数1的值  &  参数2的名字 = 参数2的值  & 参数3的名字 = 参数3的值

https://www.baidu.com/s?


wd=xxxyyy

&
ie=utf-8&f=8&rsv_bp=0&rsv_idx=1
&tn=77092190_pg&
&rsv_pq=a7e581260000124c&
rsv_t=04e2brSmTD2Uwbdqhb7hT68UFGigYmqxjdx7M7ia%2BBn%2Fd1ZSjyH%2FwJuecqT%2B2rERE7k
&rqlang=cn&rsv_enter=1&rsv_sug3=10&rsv_sug1=7&rsv_sug7=100
&rsv_sug2=0&inputT=2829&rsv_sug4=3008
-->

<form action="https://www.baidu.com/s" method="get">

需要搜索的关键字: <input type="text" name="wd"/>

<input type="submit" value="去百度搜索"/>
</form>



<a href="https://www.baidu.com/s?wd=周星驰">去百度搜索“周星驰”</a>


</body>
</html>