<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<!--窗口标题-->
<title>Html练习2</title>
</head>
<body>
<!--发邮件-->
<a href = "mailto:收件人邮箱? cc=抄送邮箱地址 bcc=密件抄送地址 subject = 邮箱主题 &body = 邮箱内容。">发送<br></a>
<!--显示图片-->
<img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" alt="图片下载失败是显示的文本" title = "电影介绍" >
<form>
姓名：
<input type="text" name="myName"><br>
密码：
<input type="password" name="pass"><br>
<label>多行文本域：</label> <br>
<!--rows="行数" cols="列数"-->
<textarea rows="5" cols="10">文本默认值</textarea><br>
<!--单选框-->
<label>性别：</label>
<label>男</label>
<input type="radio" value="1" name="gender" value="man"/>
<label>女</label>
<input type="radio" value="2" name="gender" value="woman"/>
<label>爱好：</label>
<input type="checkbox" name="checkbox1" value="跑步">跑步
<input type="checkbox" name="checkbox2" value="打球" checked="checked">打球
<input type="checkbox" name="checkbox3" value="登山">登山
<label>爱好:</label>
<select>
<option value="读书">读书</option>
<option value="运动" selected="selected">运动</option>
<option value="音乐">音乐</option>
<option value="购物">购物</option>
<option value="旅游">旅游</option>
</select>
<br><br><br>
<!--下拉列表框多选，Ctrl+单击-->
<label>爱好:</label>
<select multiple="multiple">
<option value="读书">读书</option>
<option value="运动">运动</option>
<option value="音乐">音乐</option>
<option value="购物">购物</option>
<option value="旅游">旅游</option>
</select>
<input type="text" value="" name="myName">
<input type="submit" value="提交" name="submitBtn">
<br><br><br>
<!--重置按钮-->
<label for="myName">姓名：</label>
<input type="text" value="" name="myName">
<input type="reset" value="重置" name="重置">
<br><br><br>
<!--leabe只显示文本-->
<label>性别:</label>
<label>男</label>
<input type="radio" name="gender">
<label>女</label>
<input type="radio" name="gender">
<br><br><br>
<!--leabe显示文本，点击后可以直接选中对应的选择-->
<label>性别:</label>
<label for="male">男</label>
<input type="radio" name="gender" id="male">
<label for="female">女</label>
<input type="radio" name="gender" id="female">
</form>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<!--窗口标题-->
<title>Html练习2</title>
</head>
<body>
<!--发邮件-->
<a href = "mailto:收件人邮箱? cc=抄送邮箱地址 bcc=密件抄送地址 subject = 邮箱主题 &body = 邮箱内容。">发送<br></a>
<!--显示图片-->
<img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" alt="图片下载失败是显示的文本" title = "电影介绍" >
<form>
姓名：
<input type="text" name="myName"><br>
密码：
<input type="password" name="pass"><br>
<label>多行文本域：</label> <br>
<!--rows="行数" cols="列数"-->
<textarea rows="5" cols="10">文本默认值</textarea><br>
<!--单选框-->
<label>性别：</label>
<label>男</label>
<input type="radio" value="1" name="gender" value="man"/>
<label>女</label>
<input type="radio" value="2" name="gender" value="woman"/>
<br><br><br>
<!--复选框--><label>爱好：</label>
<input type="checkbox" name="checkbox1" value="跑步">跑步
<input type="checkbox" name="checkbox2" value="打球" checked="checked">打球
<input type="checkbox" name="checkbox3" value="登山">登山
<br><br><br>
<!--下拉列表框单选--><label>爱好:</label>
<select>
<option value="读书">读书</option>
<option value="运动" selected="selected">运动</option>
<option value="音乐">音乐</option>
<option value="购物">购物</option>
<option value="旅游">旅游</option>
</select>
<br><br><br>
<!--下拉列表框多选，Ctrl+单击-->
<label>爱好:</label>
<select multiple="multiple">
<option value="读书">读书</option>
<option value="运动">运动</option>
<option value="音乐">音乐</option>
<option value="购物">购物</option>
<option value="旅游">旅游</option>
</select>
<br><br><br>
<!--提交按钮-->
<label for="myName">姓名：</label><input type="text" value="" name="myName">
<input type="submit" value="提交" name="submitBtn">
<br><br><br>
<!--重置按钮-->
<label for="myName">姓名：</label>
<input type="text" value="" name="myName">
<input type="reset" value="重置" name="重置">
<br><br><br>
<!--leabe只显示文本-->
<label>性别:</label>
<label>男</label>
<input type="radio" name="gender">
<label>女</label>
<input type="radio" name="gender">
<br><br><br>
<!--leabe显示文本，点击后可以直接选中对应的选择-->
<label>性别:</label>
<label for="male">男</label>
<input type="radio" name="gender" id="male">
<label for="female">女</label>
<input type="radio" name="gender" id="female">
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
