HTML表单的写法
直接上代码来看:
Bash
<!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>
</head>
<body>
<!-- form标签用来声明表单 -->
<form method="post" action="">
<form action="数据发送地址" method="发送方式">
<input type="text" /> 单行文本
<input type="password" /> 密码
<input type="radio" /> 单选框
<input type="checkbox" /> 复选框
<input type="hidden" /> 隐藏域
<input type="submit" /> 提交按钮
<input type="file" /> 文件域
<input type="reset" value="" /> 重置按钮
<input type="buton" value="" /> 按钮
<textarea></textarea> 文本区域
<select>
<option></option>
</select> 下拉框
</form>
</form>
<h1>好好网</h1>
<form action="发送地址" method="数据发送地址">
用户名:<input type="text" />
<br /><br />
密码:<input type="password" />
<br /><br />
性别:男<input type="radio" />
女<input type="radio" />
<br /><br />
爱好:蓝球<input type="checkbox" />
足球<input type="checkbox" />
乒乓球<input type="checkbox" />
排球<input type="checkbox" />
<br /><br />
学历:<select>
<option >小学</option>
<option >中学</option>
<option >高中</option>
<option >大专</option>
<option >本科</option>
<option >以上</option>
</select>
<br /><br />
上传头像<input type="file" />
<br /><br />
个人简介<textarea></textarea>
<br /><br />
<input type="submit" />
<input type="reset" />
</form>
</body>
</html>
上面代码效果展示图:
原文链接:https://www.qiquanji.com/post/7759.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
版权声明
本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。