html学习
1.框架
2.表单
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>第一个html页面</title>
<style>
</style>
</head>
<body bgcolor="pink">
<form>
<!--输入框-->
姓名：<input type="text" placeholder="请输入用户名" ><br/>
密码：<input type="password" ><br/>
<!--单选框-->
<p>性别：
<input type="radio" id="girl" name="sex"><label for="girl">女</label><input type="radio" id="boy" name="sex"><label for="boy">男</label><input type="radio" id="保密" name="sex"><label for="保密">保密</label>
</p>
<P>城市<!--下拉框-->
<select>
<optgroup label="河南">
<option>洛阳</option>
<option>郑州</option>
<option>三门峡</option>
<option selected>商丘</option>
</optgroup>
<optgroup label="湖北">
<option>武汉</option>
</optgroup>
</select>
<select>
<option>洛阳</option>
<option>郑州</option>
</select>
</P>
<textarea cols="40" rows="10" placeholder="请输入文字"></textarea><!--文本域--><br/>
<!--多选框-->
<p>爱好：
<input type="checkbox" id="唱歌"><label for="唱歌">唱歌</label>
<input type="checkbox" id="跳舞"><label for="跳舞">跳舞</label>
<input type="checkbox" id="变大佬"><label for="变大佬">变大佬</label>
</p>
<p>
<input type="submit" value="提交">
<input type="reset" value="重置">
</p>
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
