__x__(44)0910第六天__表单

form表单:

form必须属性:action,指定一个服务器地址。

若希望表单中的数据发送给服务器,必须设置name属性。

用户填写的信息,将会追加在url地址?后面,以查询字符串的形式发送给服务器,以“&”隔开。

网页用表单来向服务器提交信息

最常见的百度一下

键入关键字,点击搜索,

浏览器将关键字通过表单提交到服务器,

服务器处理表单数据,并响应。


简单的表单实例:__x__(44)0910第六天__表单


html代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>表格</title> <link rel="stylesheet" type="text/css" href="css/form.css" />
</head> <body>
Hello Web!` <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
form 是<b>块元素</b>,独占一行。 <div >
<form action="deal.html" id="userregist" >
<!-- 文本框 -->
用&nbsp;&nbsp;&nbsp;户&nbsp;&nbsp;&nbsp;名&nbsp;:
<input type="text" name="username" value="" /><br /> <!-- 密码框 -->
请设置密码:
<input type="password" name="userpassword1" value=""/><br /> 再输入密码:
<input type="password" name="userpassword2" value=""/><br /> <!-- 单选按钮 -->
性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:
<input type="radio" name="usersex" value="boy" />男&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" name="usersex" value="girl" />女<br /> <input type="submit" value="马上注册" id="submituser" /><br />
</form>
</div>
</body>
</html>

css代码:

@charset "utf-8";

*{
margin: 0px;
padding: 0px;
} .clearfix {
zoom:;
} .clearfix:before,
.clearfix:after {
content:"";
display: table;
clear: both;
} body{
background-color: #3e4e54;
} #userregist{
width: 500px;
margin: 0px auto;
} #submituser {
margin: 25px 0px 0px 152px;
}

上一篇:mybatis和hibernate对比


下一篇:UVA 572 dfs求连通块