本文介绍了HTML表单的基础知识，包括表单的作用、常用属性及各种表单元素的使用方法，如文本输入框、密码框、单选框、复选框等。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表单标签--很重要</title>
<!--
表单标签： 作用：用于提交数据给服务器的。
根标签<form>标签
常用的属性：aciton： 用于指定提交数据的地址。
注意：表单项的数据如果需要提交到服务器上去的话，那么表单项必须要有一个name的属性值。
-->
</head>
<body>
<form aciton="http://www.baidu.com" method="post">
<!--文本输入框-->
用户名：<input type="text"/ name="userName"><br/>
密码：<input type="password"/ name="passWord"><br/>
<!--单选框-->
性别：男<input type="radio"/ checked="checked" name="sex" value="male">
女<input type="radio"/ name="sex" value="famale"><br/>
<!--下拉框-->
来自的城市：<select name="city">
<option value="bj">北京</option>
<option value="sh">上海</option>
<option selected="true" name="gz">广州</option>
<option name="sz">深圳</option>
</select>
<!--兴趣爱好-->
<br/>
兴趣爱好：<br/>
<input type="checkbox" value="java" checked="true" name="hobit"> java
<input type="checkbox" value="javascript" name="hobit">javascript
<input type="checkbox" value="andiord" name="hobit"> android<br/>
大头照：
<!--文件上传框-->
<input type="file"/ name="image"><br/>
个人简介：</br>
<textarea rows="10" cols="50" name="textarea"> </textarea><br/>
<!--提交按钮-->
<input type="submit" value="注册" name="submit"/>
<!--重置按钮-->
<input type="reset" value="重置" name="reset">
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表单标签--很重要</title>
<!--
表单标签： 作用：用于提交数据给服务器的。
根标签<form>标签
常用的属性：aciton： 用于指定提交数据的地址。
注意：表单项的数据如果需要提交到服务器上去的话，那么表单项必须要有一个name的属性值。
-->
</head>
<body>
<form aciton="http://www.baidu.com" method="post">
<!--文本输入框-->
用户名：<input type="text"/ name="userName"><br/>
密码：<input type="password"/ name="passWord"><br/>
<!--单选框-->
性别：男<input type="radio"/ checked="checked" name="sex" value="male">
女<input type="radio"/ name="sex" value="famale"><br/>
<!--下拉框-->
来自的城市：<select name="city">
<option value="bj">北京</option>
<option value="sh">上海</option>
<option selected="true" name="gz">广州</option>
<option name="sz">深圳</option>
</select>
<!--兴趣爱好-->
<br/>
兴趣爱好：<br/>
<input type="checkbox" value="java" checked="true" name="hobit"> java
<input type="checkbox" value="javascript" name="hobit">javascript
<input type="checkbox" value="andiord" name="hobit"> android<br/>
大头照：
<!--文件上传框-->
<input type="file"/ name="image"><br/>
个人简介：</br>
<textarea rows="10" cols="50" name="textarea"> </textarea><br/>
<!--提交按钮-->
<input type="submit" value="注册" name="submit"/>
<!--重置按钮-->
<input type="reset" value="重置" name="reset">
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
