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表单标签:

相关推荐
Knight_AL14 分钟前
MySQL 分区表应用案例:优化数据管理与性能
数据库·mysql
老华带你飞1 小时前
考试管理系统|基于java+ vue考试管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
九皇叔叔1 小时前
MySQL 数据库 MVCC 与锁如何联手解决脏读、不可重复读、幻读
数据库·mysql
WZTTMoon1 小时前
Spring Boot OAuth2 授权码模式开发实战
大数据·数据库·spring boot
AI题库1 小时前
PostgreSQL 18 从新手到大师:实战指南 - 1.1 PostgreSQL 18简介
数据库·postgresql
好记忆不如烂笔头abc1 小时前
Ubuntu 20.04.6上实现远程桌面连接
服务器·网络·数据库
今晚务必早点睡1 小时前
Redis——快速入门第七课:Redis 为什么这么快?
数据库·redis·缓存
EterNity_TiMe_2 小时前
从 0 到 1:Llama 3-8B 在昇腾 Atlas 800T 上的推理调优与算力榨干指南
数据库·llama·昇腾·atlas 800t·实战部署
talenteddriver2 小时前
mysql: MySQL中between子句和limit子句的区别
前端·javascript·数据库
不会kao代码的小王2 小时前
BoostKit 数据库优化原理分析从 MySQL 到 MariaDB 的性能突破
数据库·mysql·mariadb