form表单——3.表单元素PLUS

最新推荐文章于 2024-09-21 09:29:16 发布

MDeleter

最新推荐文章于 2024-09-21 09:29:16 发布

阅读量344

点赞数

分类专栏： Web 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/MDeleter/article/details/122829386

版权

Web 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<form action="" method="get">
			<input type="text" name="uname" placeholder="please load your id information:" />
			<input type="text" name="uname2" value="123123" readonly="readonly" />
			<input type="text" name="uname3" value="456456" disabled="disabled" />
			<input type="password" name="pwd" />
			<input type="radio" name="gender" value="1" checked="checked" />男
			<input type="radio" name="gender" value="0" />女
			The language you like:
			<input type="checkbox" name="favlan" value="1" checked="checked"/>java
			<input type="checkbox" name="favlan" value="2" checked="checked"/>python
			<input type="checkbox" name="favlan" value="3"/>php
			<input type="checkbox" name="favlan" value="4"/>c#
			
			<!--file-->
			<input type="file"/>
			<!--hidden area-->
			<input type="hidden" name="uname6" value="123123" />
			<!--usual button: you can do nothing by usual button-->
			<input type="button" value="usual button" />
			<!--one special button: reset it-->
			<input type="reset" />
			<!--submit button-->
			<input type="submit" />
			<!--photo button-->
			<img src="img/HBuilder.png" />
			<input type="image" src="img/HBuilder.png">
			<!--downlist
				default selection: selected="selected"
				multselect: multiple="multiple"
			-->
			The city you like:
			<!--Donnot forget the name-->
			<select name="city" multiple="multiple">
				<option value="0">---Please Write---</option>
				<option value="1">HaErbin</option>
				<option value="2" selected="selected">QingDao</option>
				<option value="3">ZhenZhou</option>
				<option value="4">XiAn</option>
				<option value="5">TianJin</option>
			</select>
			<!--multline text
				use CSS to control the size
			-->
			self introduction:
			<!--Actually you can choose the size on your own-->
			<textarea style="resize: none;" rows="10" cols="30">Please write on here...</textarea>
			
			<br />
			<!--Label Tag: To prolong the area
				usually, plus a id to the aiming label
			-->
			<label for="username">Username:</label><input type="text" name="username" id="username"/>
		</form>
	</body>
</html>