#以下内容支持在Hbuilder中使用(或idea)
<html>
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<!--表单:主要用来收集用户填写的信息-->
<form>
<!--表单元素-->
<!--input系列-->
<!--1、文本输入框 size:控件长度;maxlength:控制中文字的
最大数量;placeholder:提示;name:控件名称;value:初始值-->
<p>
用户名:<input type="text" size="20px" maxlength="6px"
placeholder="请输入用户名"/>
</p>
<!--2、密码框-->
<p>
<label>密码:</label>
<input type="password" />
</p>
<!--3、单选框一定要有name,通过name值相同的分组-->
<p>
性别:<input type="radio" name="sex" value="男" checked/>男
<input type="radio" name="sex" value="女" />女
</p>
<!--4、复选框-->
<p>
中午吃什么:<input type="checkbox" name="food" value="盘餐" />盘餐
<input type="checkbox" name="food" value="盖浇饭" />盖浇饭
<input type="checkbox" name="food" value="炸鸡" />炸鸡
<input type="checkbox" name="food" value="油泼面" />油泼面
<input type="checkbox" name="food" value="大盘鸡" />大盘鸡
</p>
<!--5、文本选择框-->
<p>
选择文件:<input type="file" />
</p>
<!--6 、隐藏框-->
<p>
<input type="hidden" value="1001" />
</p>
<!--7、按钮-->
<p>
<!--(1)、普通按钮-->
<input type="button" value="普通按钮" />
<!--(2)、提交按钮-->
<input type="submit" />
<!--(3)、重置按钮-->
<input type="reset" />
</p>
<!--8、非input系列,下拉框-->
<p>
省份:
<select name="province">
<option value="js">江苏</option>
<option value="sx" selected>山西</option>
<option value="zj">浙江</option>
<option value="hb">湖北</option>
</select>
</p>
<!--9、文本域textare:可设置宽高(高:rows;宽:cols)-->
<p>
备注:<textarea rows="10px" cols="30px"></textarea>
</p>
<!--10、时间框 -->
<p>
时间:<input type="date" />
</p>
</form>
</body>
</html>
五、表单.html
最新推荐文章于 2024-10-01 18:51:18 发布