10
2018
08

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>    
</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

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。