初级综合的html表单

最新推荐文章于 2024-03-26 00:13:40 发布

zzcchunter

最新推荐文章于 2024-03-26 00:13:40 发布

阅读量601

点赞数

分类专栏： HTML 文章标签： html input action menu

本文链接：https://blog.csdn.net/zzcchunter/article/details/6930430

版权

HTML 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>FIG2.12</title>
    </head>
    <body>
       <h4>Feedback Form</h4>
       <p>Please fill out this form to help us improve our site</p>
       
       <form>
       	<p>
       	Name:
       	<input type = "text" name = "name" size="25" maxlength="30" /></p>
       	<input type = "submit" value = "Submit" />
       	<input type = "reset" value = "Clear"/>
       </form>
       <hr />
       
       <form>
       		<p>
       			I like bikes:
       			<input type="checkbox" name="bike" />
       		</p>
       		<p>
       			I like cars: 
       			<input type="checkbox" name="car" />
       		</p>     	       		
       </form>
       
       <hr />
       	<h4>Next select menu</h4>
       	<form>
       		<select name = "cars">
       			<option value="Volvo">Volvo</option>
       			<option value="Saab">Saab</option>
       			<option value="Fiat" selected="selected">Fiat</option>
       			<option value="audi">Audi</option>
       		</select>
       	</form>
       	
       	<hr />
       	<h4>TextArea</h4>
       	<form>
       		<textarea rows="8"  cols="13">This is a text area. And you can write any thing in it!</textarea>
       	</form>
       	
       	
       	<hr />
       	<h4>transmit elements</h4>
       	
       	<form name="input" action="/html/html_form_action.asp" method="get"></form>
       		male
       		<input type="radio" name="sex" value="male" /> <br />
       		female
       		<input type="radio" name="sex" value="femal" /><br />
       		<input type="submit" value="submit" /><br />
       </form>
       	
       	
       	
       	
       	
       	
       	
       	
       	
       	
       	
    </body>
</html>

效果如下：