表单页面的基础内容

最新推荐文章于 2024-04-18 09:59:12 发布

Hala_Madrid_C

最新推荐文章于 2024-04-18 09:59:12 发布

阅读量406

点赞数

本文链接：https://blog.youkuaiyun.com/dcy327527/article/details/45030835

版权

当创建一个表单页面时，经常会包含一些基础的内容，例如单行文本框，密码框，多行文本框，单选按钮，复选框和下拉菜单。各个元素的实现如下：

<%@ page contentType="text/html; charset=GBK"%>
<html>
    <body>
        <form action="" method="post"> 
	    x姓名：<input type="text" name="name" size="40"><br/>
	    密码：<input type="password" name="password" size="40"><br/>
	    年纪：<input type="radio" name="age" value="18"checked >小于18
		  <input  type="radio" name="age" value="18-25">18-25
		  <input  type="radio" name="age" value="26-40">26-40
		  <input  type="radio" name="age" value="40">大于40<br/>
	    编程时间：<select name="codetime" size="1">
			<option value="never">不编程</option>
			<option value="sometimes">偶尔编程</option>
			<option value="always">总在编程</option>
					</select><br/>
	   使用的操作系统：<select name="os" size="6" multiple>
				<option value="WinXP">WinXP</option>
				<option value="Win98">Win98</option>
				<option value="Win2000">Win2000</option>
				<option value="Win7">Win7</option>
				<option value="Win8">Win8</option>
				<option value="IOS">IOS</option>
				<option value="Andriond">Andriond</option>
							</select><br/>
	    使用的编程语言：<input type="checkbox" name="language" value="C++">C++
			    <input type="checkbox" name="language" value="C">C
			    <input type="checkbox" name="language" value="C#">C#
			   <input type="checkbox" name="language" value="VB">VB
			   <input type="checkbox" name="language" value="JAVA">JAVA<br/>
	    建议：<textarea name="comment" cols="10" rows="2"></textarea><br/>
		<input type="submit" value="确认">
		<input type="reset" value="重置">	
	   隐藏元素，用于跨页之间传值。<input type="hidden" name="xxx"  value="xxx">
	</form>
   </body>
</html>

                <img src="https://img-blog.youkuaiyun.com/20150413200648000?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGN5MzI3NTI3/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />