<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html表单</title>
</head>
<body>
<div align="center" >
表单
<form action="" method="">
<!-- 隐秘信息用post方法 -->
<!-- action提交到哪个页面 -->
<label for="username">用户名:</label>
<input type="text" name="username" id="username">
<br>
<!-- 也可用div 或者 p标签包裹 -->
<label>密 码:</label>
<input type="password" name="password">
<!-- 单选框 -->
<div>
<label>性 别:</label>
<input type="radio" name="gender" value="man" id="man"><label for="man">男</label>
<input type="radio" name="gender" value="woman" id="laddy"><label for="man">女</label>
</div>
<!-- 多选框 -->
<div>
<label>爱 好:</label>
<input type="checkbox" name="hobby" value="boat">羽毛球
<input type="checkbox" name="hobby" value="action">演戏
</div>
<!-- 文件上传 -->
<div>
<label>照 片:</label>
<input type="file" name="">
</div>
<br>
<div>
<label>个人介绍:</label>
<textarea name="introduce"></textarea>
</div>
<br>
<!-- 下拉框式选择 -->
<div>
<label>籍 贯:</label>
<select name="state">
<option>北京</option>
<option>海南</option>
<option>湖南</option>
</select>
</div>
<br>
<input type="hidden" name="hidden01" value="3">
<div>
<!-- 图片提交 -->
<!-- <input type="image" name="images/12.jpg"> -->
<input type="submit" name="" value="提交">
<input type="reset" name="" value="重置">
</div>
<div>
</div>
</form>
</div>
</body>
</html>
html 表单实例
最新推荐文章于 2022-05-06 17:43:38 发布