码迷,mamicode.com
首页 > Web开发 > 详细

html表单示例

时间:2019-11-04 11:25:03      阅读:73      评论:0      收藏:0      [点我收藏+]

标签:山东   radio   info   bsp   设置   信息   正式   html   注册表   

<!DOCTYPE html>
<html>
<head>
<title>表单</title>
</head>
<body>
<h1>注册表单</h1>
<form action="" method="get">
<p>
<label>用户名:</label>
<input type="text" name="user" />
</p>
<p>
<label>密&nbsp;&nbsp;&nbsp;码:</label>
<input type="password" name="password" />
</p>
<p>
<label>性&nbsp;&nbsp;&nbsp;别:</label>
<input type="radio" name="gender" value="0" /> 男
<input type="radio" name="gender" value="1" /> 女
</p>
<p>
<label>爱&nbsp;&nbsp;&nbsp;好:</label>
<input type="checkbox" name="like" value="0"> 学习
<input type="checkbox" name="like" value="1"> python
<input type="checkbox" name="like" value="2"> 游泳
</p>
<p>
<label>文&nbsp;&nbsp;&nbsp;件:</label>
<input type="file" name="file">
</p>
<p>
<label>个人介绍:</label>
<textarea name=‘introduce‘></textarea>
</p>
<p>
<label>籍&nbsp;&nbsp;&nbsp;贯:</label>
<select name="site">
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">河南</option>
<option value="3">河北</option>
<option value="4">山东</option>
</select>
</p>
<p>
<input type="submit" name="" value="提交1">
<input type="reset" name="" value="重置1">
</p>

</form>
</body>
</html>

注释:action 表示提交的地址

  method 提交的方法一般有get 和 post 两种方法,测试时一般用get可以看到提交的信息,但是正式发布时一般用post防止看到敏感信息
结果如下:

技术图片

 

 最后显示的提交1和重置1 是因为我设置了value值,假如不设置值,默认显示提交和重置

 

html表单示例

标签:山东   radio   info   bsp   设置   信息   正式   html   注册表   

原文地址:https://www.cnblogs.com/fuyouqiang/p/11790851.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!