Html表单(表单笔记)

最新推荐文章于 2024-04-11 18:06:56 发布

老米奥

最新推荐文章于 2024-04-11 18:06:56 发布

阅读量633

点赞数 5

分类专栏：自学笔记文章标签： HTML 自学笔记

本文链接：https://blog.csdn.net/qq_33230461/article/details/81534698

版权

自学笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

表单标签 <form> （表单本身并不可见）

在表单中有表单元素：文本域，单选框，复选框，按钮，列表等。

如何向表单添加元素呢，用以下标签：

<input> 表单输入标签

<select> 菜单和列表标签

<option> 菜单和列表项目标签

<textarea> 文字域标签

<optgroup> 菜单和列表项目分组标签

input语法如下：

Type属性值	text	password	file	checkbox	radio	Button	Submit	Rest	Hidden	image
描述	文字域	密码域	文件域	复选域	单选域	按钮	提交按钮	重置按钮	隐藏域	图像域

参考代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>表单</title>
</head>
<body>
	<h1 align="center">注册信息</h1>
	<hr color="#336699"/>
	<form>
	<table width="600px" bgcolor="#f2f2f2"align="center">
		<tr>
			<td>姓名：</td>
			<td><input type="text" name="user"size="25"maxlength="6"placeholder="请输入姓名"/></td>
		</tr>
		<tr>
			<td>邮箱：</td>
			<td><input type="text" name="email"value="@163.com"></td>
		</tr>
		<tr>
			<td>密码：</td>
			<td><input type="password" name="paw"size="25"maxlength="12"placeholder="请输入密码"/></td>
		</tr>
		<tr>
			<td>确认密码：</td>
			<td><input type="password" name="paw_confirm"size="25"maxlength="12"placeholder="请再输入密码"/></td>
		</tr>
		<tr>
			<td>上传照片：</td>
			<td><input type="file"name="file" /></td>
		</tr>
		<tr>
			<td>性别：</td>
			<td>男<input type="radio" name="sex"value="man"/>
				女<input type="radio" name="sex"value="woman"/>
				保密<input type="radio" name="sex"value="bm"checked/>
			</td>
		</tr>
		<tr>
			<td>爱好：</td>
			<td>游泳<input type="checkbox" name="hobby"value="swumming"/>
				篮球<input type="checkbox" name="hobby"value="basketball"/>
				读书<input type="checkbox" name="hobby"value="sing"/>
			</td>
		</tr>
		<tr>
			<td><input type="button" name="button"value="来点我">
			<input type="submit" name="submit" value="submit">
			<input type="reset" name="reset"value="reset">
			<input type="image" name="image_button"src="zhuce.png"width="100px"height="50px"></td>
			<td></td>
		</tr>
		<tr>
			<td><input type="hidden" name="hidden"value="这是一个用户注册信息"></td>
			<td></td>
		</tr>
	</table>
	</form>
</body>
</html>

老米奥

关注

5
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
Html表单(表单笔记)

表单标签 &lt;form&gt; （表单本身并不可见）在表单中有表单元素：文本域，单选框，复选框，按钮，列表等。如何向表单添加元素呢，用以下标签： &lt;input&gt; 表单输入标签 &lt;select&gt; 菜单和列表标签 &lt;option&gt; 菜单和列表项目标签 &lt;textarea&...
复制链接

扫一扫