码迷,mamicode.com
首页 > Web开发 > 详细

XHTML 表单代码

时间:2017-10-08 21:33:32      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:har   passwd   ast   comment   price   删除   tle   get   西安   

一、在网页文档中添加一对<form>和</form>标记对,就在网页中创建了定义了一个表单。表单中的输入控件必须包含在form 元素的标记对内。除了输入控件外,还可以在该标记对中放入任何 XHTML 元素,例如段落、表格、等。

(1)<form>标记的最小格式:

<form> action="表单处理程序的URL"method="method="get post">

(2)代码如下:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head lang="en">
<meta charset="UTF-8">
<title>创建基本表单</title>
</head>
<body>
<form action="default.jsp" method="post">
<!-- 表单输入控制-->
<fieldset>
<input>
<p>
<legnd>性别</legnd>
<input type="radio" id="gender" value="male">男</input><br />
<input type="radio" id="input"value="female">女<input><br />
value="female">女</input>
</p>
<p>
<label for="oID">订单编号: </label>
<input type="text" id="oID" size="12" value="X1248" readonly="readonly" />
</p>
<p>
<label for="passwd"> 订单总价: </label>
<input type="text" id="price" size="12" value="" disabled="disabled" />
</p>
</form>
</body>
</html>
<textarea name="rows" id="comment" cols="30" rows="10">请在此输入文本</textarea>
<p>你最喜欢的餐饮风格是? </p>
<select name="food" id="food" multiple="multiple" size="4">
<option value="sichuan">川菜</option>
<option value="guangdong">粤菜</option>
<option value="beifang">北方菜</option>
<option value="shanghai">上海菜</option>
<option value="west">西餐</option>
<option value="tailand">泰国菜</option>
</select>
<p>
<input type="image" src="submit.gif" value="submit" alt="发送" />
<input type="image" src="reset.gif" value="submit" alt="清除" />
</p>
<p>
<input type="button" value="增加" />
<input type="button" value="删除" />
</p>
</form>
</body>
<p>请选择你要旅游的城市</p>
<p>
<input type="checkbox" name="city"id="sh"/>
<value="shanghai"checked">上海 </input> <br />
<input type="checkbox" name="city" id="cd" value="成都">成都 </input><br />
<input type="checkbox" name="city" id="xa" value="西安">西安 </input><br />
</p>
<p>你的性别</p>
<p>
<input type="radio" name="gender" id="male" value="male">男</input><br />
<input type="radio" name="gender" id="female" value="fenale">女</input><br />
</p>
<p>姓 <input type="text" id="firstname" size="30"maxlength="25"/></p>
<p>名 <input type="text"id="lastname"size="30"maxlength="25" /></p>
<p>口令 <input type="password" id="passwd"size="30"maxlength="25"/></p>
</form>
</body>
</html>

 

XHTML 表单代码

标签:har   passwd   ast   comment   price   删除   tle   get   西安   

原文地址:http://www.cnblogs.com/sics/p/7637689.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!