您的位置：首页 > Web前端 > HTML

html表单

2016-01-14 09:50 429 查看

html表单

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>表单</title>

</head>
<body>
<!--
网页中的表单：
表单用于在网页中收集用户数据，并且
在用户点击表单中的提交按钮时，把
收集到的数据提交给服务端。

表单的基本结构：
<form action="">  描述一个表单
<input type="xxx"/>  表单组件
....
<input type="submit"/>  提交按钮
</form>

常见的表单组件：
文本框  <input type="text"/>
密码框  <input type="password"/>
单选按钮  <input type="radio"/>
多选框  <input type="checkbox"/>
下拉列表框
<select>  描述一个下拉框
<option>中文版</option> 下拉项
<option>英文版</option>
</select>
多行文本域
<textarea></textarea>
提交按钮
<input type="submit" value="按钮上的字"/>
重置按钮
<input type="reset" value="按钮上的字"/>
普通按钮
<input type="button" value="按钮上的字"/>
-->
<!-- 只有含有name属性的才会向服务器提交数据 -->
<!--  某些表单组件如果需要正确传递参数需要设置value属性,radio,checkbox,select -->
<!-- 默认显示问题（类似于hint） -->
<!-- 文本设置value -->
<!--  单选和多选设置checked-->
<!-- select设置 -->
<h3>个人简介</h3>
<form action="regist" method="get">
姓名：<input type="text" name="name" value="张三"/>
<br/><br/>
密码：<input type="password" name="password" value="123456"/>
<br/><br/>
性别：
男<input type="radio" name="gender"/>
女<input type="radio" name="gender" checked="checked"/>
<br/><br/>
爱好：
吃<input type="checkbox"  name="hobby"  value="c"/>
喝<input type="checkbox" name="hobby" checked="checked"value="h"/>
玩<input type="checkbox" name="hobby" value="2"/>
乐<input type="checkbox" name="hobby" value="l"/>
<br/><br/>
籍贯：
<select name="belong" >
<option>山东</option>
<option>山西</option>
<option>河南</option>
<option selected="selected">河北</option>
</select>
<br/><br/>
简介：
<textarea rows="5" cols="30"></textarea>
<br/><br/>
<input type="submit"  value="提交"/>
<input type="reset"  value="重置"/>
<input type="button"  value="普通按钮"/>
</form>

<form >
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html 表单

相关文章推荐

新的分享

章节导航