HTML表单

  • HTML表单:

HTML表单用于收集用户的输入信息。HTML表单表示文档中的一个区域,此区域包含交互控件,将用户收集到的信息发送到web服务器。

<form action="">

Username: <input type="text" name="user"><br>

Password: <input type="password" name="password">

</form>

HTML表单元素是允许用户在表单中输入内容,比如文本域(text area)、下拉列表(select)、单选框(radio-buttons)、复选框(checkbox)等。

1)、文本:通过<input type="text" >标签来设定。

<form>

name: <input type="text" name="name"><br>

</form>

2)、密码字段:通过<input type="password" >标签来设定。

<form>

Password: <input type="password" name="pwd">

</form>

3)、单选按钮:通过<input type="radio" >标签来设定。

<form action="">

<input type="radio" name="sex" value="male">男<br>

<input type="radio" name="sex" value="female">女

</form>

4)、复选框:通过<input type="checkbox" >标签来设定。

<form>

<input type="checkbox" name="vehicle" value="Bike">我喜欢轿车<br>

<input type="checkbox" name="vehicle" value="Car">我喜欢SUV

</form>

5)、提交按钮:通过<input type="submit" >标签来设定。

<form name="input" action="html_form_action.php" method="get">

Username: <input type="text" name="user">

<input type="submit" value="Submit">

</form>

6)、下拉菜单:

<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>

7)、预选下拉菜单:

<form action="">

<select name="cars">

<option value="volvo">Volvo</option>

<option value="saab">Saab</option>

<option value="fiat" selected>Fiat</option>

<option value="audi">Audi</option>

</select>

</form>

8)、文本域:

<form>

<textarea rows="10" cols="30">

文本框。

</textarea>

</form>

9)、创建按钮:

<form action="">

<input type="button" value="Hello world!">

</form>

10)、从表单发送email:

<form action="MAILTO:someone@example.com" method="post" enctype="text/plain">

Name:<br>

<input type="text" name="name" value="your name"><br>

E-mail:<br>

<input type="text" name="mail" value="your email"><br>

Comment:<br>

<input type="text" name="comment" value="your comment" size="50"><br><br>

<input type="submit" value="发送">

<input type="reset" value="重置">

</form>

11)、HTML表单标签:

相关推荐
ademen1 小时前
spring第9课,spring对DAO的支持
java·数据库·spring
Java小白程序员1 小时前
SQL 语句进阶实战:从基础查询到性能优化全指南
数据库·sql·性能优化
君不见,青丝成雪2 小时前
Hadoop技术栈(四)HIVE常用函数汇总
大数据·数据库·数据仓库·hive·sql
不羁。。7 小时前
【撸靶笔记】第七关:GET - Dump into outfile - String
数据库·笔记·oracle
yangchanghua1118 小时前
pgsql 如何查询今天范围内的数据(当天0点0分0秒 - 当天23点59分59秒....)
数据库·pgsql
larance8 小时前
SQLAlchemy 的异步操作来批量保存对象列表
数据库·python
python_chai8 小时前
从数据汇总到高级分析,SQL 查询进阶实战(下篇)—— 分组、子查询与窗口函数全攻略
数据库·sql·mysql
在努力的前端小白9 小时前
Spring Boot 敏感词过滤组件实现:基于DFA算法的高效敏感词检测与替换
java·数据库·spring boot·文本处理·敏感词过滤·dfa算法·组件开发
未来之窗软件服务9 小时前
自建知识库,向量数据库 (九)之 量化前奏分词服务——仙盟创梦IDE
数据库·仙盟创梦ide·东方仙盟·自建ai·ai分词
样子201812 小时前
Uniapp 之renderjs解决swiper+多个video卡顿问题
前端·javascript·css·uni-app·html