HTML 表单标签简介

最新推荐文章于 2024-05-19 17:34:30 发布

不会写代码的菜

最新推荐文章于 2024-05-19 17:34:30 发布

阅读量86

点赞数

分类专栏： html 文章标签： html 服务器前端

本文链接：https://blog.csdn.net/weixin_52629592/article/details/124935074

版权

html 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

表单标签用于采集用户输入的数据,以便于和服务器进行交互
- 网页表单有许多可输入或选择的组件,用户可以在表单中输入信息,由form标签读取后,最终向服务器提交数据
form:
用于定义表单.可以定义一个范围,范围代表采集用户数据的范围
属性:
- action: 用于提交访问后端服务器的地址
- method: 用于指定向服务器端提交数据的方式. 如: get,post

表单标签示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form action="" method="">
			用户名:<input type="text" name="userName" value="" placeholder="请输入用户名"/><br />
			密码:<input type="password" name="userPassword" /><br />
			性别:<input type="radio" name="gender" value="男" checked="checked"/>男
			     <input type="radio" name="gender" value="女" />女<br />
			课程:<input type="checkbox" name="course" value="java"/>java	 
				<input type="checkbox" name="course" value="c++"/>c++
				<input type="checkbox" name="course" value="html"/>html
				<input type="checkbox" name="course" value="css"/>css<br />
			省份:<select name="province" >
			      <option value ="101">上海</option>
				  <option value ="102">北京</option>
				  <option value ="103">天津</option>
				  <option value ="104">陕西</option>
				<select/><br />
			地址:<textarea rows="5" cols="10" name="address" >aaa</textarea><br />
				<input type="submit"  />
				<input type="reset" />
				<input type="button" value="普通按钮" onclick="alert()"/>
		</form>		
	</body>
</html>

运行结果如下:
- 部分代码注释:
  - type="text": 定义表单的类型为单行文本框
  - placeholder: 用于输入提示信息
  - name="userName": 用于向服务器提供数据,或在name值相同时设置name值相同的为同一组, 在单选框中同组互斥时只能选择一个选择性组键必须使用name设置默认值,向服务器传输数据
  - type="radio": 定义表单的类型为单选型
  - type="password": 定义表单的类型为密码框
  - type="checkbox": 定义表单的类型为多选框,要想为同一种类型的多选,则此时多个checkbox的name值需一致
  - select: 下拉选组框,需要与<option>标签配合使用
  - submit: 提交按钮
  - reset: 重置按钮
  - readonly: 定义表单的数据为只读,可以向后台提交数据,但是不能修改
  - disabled: 定义表单的类型为禁用,不可修改,也不可向后台提交数据

不会写代码的菜

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML 表单标签简介

表单标签用于采集用户输入的数据,以便于和服务器进行交互网页表单有许多可输入或选择的组件,用户可以在表单中输入信息,由form标签读取后,最终向服务器提交数据 form: 用于定义表单.可以定义一个范围,范围代表采集用户数据的范围属性: action: 用于提交访问后端服务器的地址 method: 用于指定向服务器端提交数据的方式. 如: get,post 表单标签示例: <!DOCTYPE html>...
复制链接

扫一扫