表单基本元素

最新推荐文章于 2021-06-19 12:48:43 发布

newtelcom

最新推荐文章于 2021-06-19 12:48:43 发布

阅读量669

点赞数

分类专栏： Java Web

本文链接：https://blog.csdn.net/newtelcom/article/details/34104289

版权

Java Web 专栏收录该内容

60 篇文章 0 订阅

订阅专栏

今天学习基本的html表单form元素。

重点：

1.需要指定form的action和method。action表示提交表单的路径，如register.jsp。method有get或者post。

2.有几种类型text（文本框）、password（密码）、radio（单选）、select（组合框）、checkbox（复选框）、textarea（大文本框）、submit（提交按钮）、reset（重置）。

<html>
	<head>
		<title>
			注册表单
		</title>
	</head>
	
	<body>
		<form action="" method="post">
			编  号:<input type="text" name="userid" value="NO." maxlength="6"><br>	
            用户名:<input type="text" name="username" value="admin" maxlength="12"><br>					
            密  码:<input type="password" name="userpwd" value="123456"><br>
            性  别:<input type="radio" name="sex" value="男" checked>男	
                            <input type="radio" name="sex" value="女">女<br>		
            部  门:<select name="dept">
			                    <option value="技术部">技术部</option>
								<option value="销售部" SELECTED>销售部</option>
								<option value="财务部">财务部</option>
                            </select><br>
            兴  趣:<input type="checkbox" name="interest" value="篮球">篮球
                            <input type="checkbox" name="interest" value="足球">足球
                            <input type="checkbox" name="interest" value="游泳" checked>游泳<br>					
            说  明:<textarea name="note" cols="30" rows="3">勤奋好学，主动沟通。
                            </textarea><br>		
                            <input type="submit" value="注册"><input type="reset" value="重置">						
		</form>
	</body>
</html>