您的位置：首页 > Web前端 > HTML

html 表单初步学习

2016-03-13 21:40 369 查看 
<html>

<head>
<title> 静态页面</title>
</head>

<body>

这是一个静态页面<br>

<!-- target: _blank -- 在新窗口中打开链接
_parent -- 在父窗体中打开链接
_self -- 在当前窗体打开链接,此为默认值
_top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页) -->

<a href = "https://www.baidu.com" target = "_blank">这是一个链接</a>

<br>
<h1>表单</h1>

<!--action:表单要提交的目的地址 method：表单中数据的提交方式-->
<form action = "action.html" method = "GET">
<!--文本框-->
姓名：<input type = "text" name = "name"> <br>
<!--单选框，对于一组元素，要保证他们的name属性相同-->
性别：<input type = "radio" name = "sex" value = "male">男
<input type = "radio" name = "sex" value = "female">女 <br>

学院：
<select name = "school">
<option value = "ht">航天学院</option>
<option value = "rw">软件与微电子学院</option>
</select>
<br>

<!--复选框，对于一组元素，要保证他们的name属性相同-->
爱好：
<input type = "checkbox" name = "hobby" value = "swimming">游泳
<input type = "checkbox" name = "hobby" value = "run">跑步
<input type = "checkbox" name = "hobby" value = "football">足球

<br>
密码：<input type = "password" name = "pswd"> <br>

<input type = "submit" value = "提交">
<input type = "reset" value = "重置">
<!--空格-->

 

</form>

<!--表格:tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元-->
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航