HTML_表单

最新推荐文章于 2023-07-14 19:00:42 发布

「已注销」

最新推荐文章于 2023-07-14 19:00:42 发布

阅读量181

点赞数

分类专栏： HTML学习

本文链接：https://blog.csdn.net/dolola/article/details/79121313

版权

HTML学习专栏收录该内容

37 篇文章 0 订阅

订阅专栏

表单即<form>

1.文字输入框 <input type="text" name="" >

2.密码输入框框 <input type="passwprd" name="">

3.单选按钮 <input type="radio" name="" value="此处为提交的值">显示给用户的值

4.多选按钮（预选按钮）<input type="checkbox" name="" value="此处为提交的值">显示给用户的值

5.下拉框（预选下拉框）select 同时注意标签option需要/

6.按钮（分为提交按钮和普通按钮）

7.文本框，顾名思义，textarea,通过width和height规定长度与宽度。

8.带边框的输入框。通过fieldset和lengend定义，其中lengend定义的是线上面的文字。

除下拉框用selected预选均通过checked="checked"设置

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>practice</title> 
</head>
<body>
	<form action="">
		First name:<input type="text" name="firstname"><br>
		Last name:<input type="text" name="lastname">
	</form>
	
	
	<form action="">
		Username:<input type="text" name="user"><br>
		Password:<input type="password" name="password"><br>
	</form>
	
	<form>
		<input type="radio" name="sex" value="male">Male<br>
		<input type="radio" name="sex" value="male">Female<br>
	</form>
	
	
	<form name="input" action="html_form_cation.php" method=get">
		Username:<input type="text" name="user">
		<input type="submit" value="Submit">
	</form>
	
	<form>	
		<input type="checkbox" name="vechile" value="Bike">I have a bike<br>
		<input type="checkbox" name="vehicle" value="Bike">I have a car<br>
	</form>
	
	
	<form action="">
		<select name="cars">
			<option value="volvo">volvo</option>
			<option value="saab">saab</option>
			<option value="Fiat">Fiat</option>
			<option value="audi">Audi</option>
		</select>
	</form>
	
	
	<textarea rows="10" cols="30">我是一个文本框</textarea>
	
	
	<input type="button" value="Hello,wold">
	
	<h1>带边框的表单</h1>
	<fieldset style="width:200px;">
		<legend>Personal information:</legend>
			Name:<input type="text" size="30"><br>
			E-mail:<input type="text" size="30"><br>
			Date of birth:<input type="text" size="20"><br>
		</legend>
	</fieldset>
	
	<h1>带有输入框和提交按钮的表单</h1>
		<form action="">
			Firstname:<input type="text" name="user"><br>
			Password:<input type="password" name="password"><br>
			<input type="submit" value="提交">
		</form>
		
	
	<form action="demo-form.php" method="get">
		<input list="browsers" name="browser">
		<datalist id="browsers">
			<option value="Internet Exploer">
			<option value="Firefox">
			<option value="Chorm">
			<option value="Opera">
			<option value="Safari">
		</datalist>
		<input type="submit">
	</form>
	</body>
</html>

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML_表单

表单即1.文字输入框 2.密码输入框框 3.单选按钮显示给用户的值4.多选按钮（预选按钮）显示给用户的值5.下拉框（预选下拉框）select 同时注意标签option需要/6.按钮（分为提交按钮和普通按钮）7.文本框，顾名思义，textarea,通过width和height规定长度与宽度。8.带边框的输入框。通过fieldset和lengend定义，其中len
复制链接

扫一扫