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

相关推荐
步步为营DotNet5 小时前
借助 Microsoft.Extensions.AI 与 ASP.NET Core 10 实现智能 Web 应用故障预测
人工智能·microsoft·asp.net
小二·7 小时前
RAG + 向量数据库实战:ChromaDB / Milvus / FAISS 选型与性能横评
数据库·milvus·faiss
矜持的左手7 小时前
电子小白的枕边书:电子学(The Art of Electronics)
数据库·restful
吴声子夜歌7 小时前
Redis 5.x——布隆过滤器
数据库·redis·缓存
蓝天下的守望者8 小时前
svt_apb_if里的宏定义问题
运维·服务器·数据库
上海云盾-小余8 小时前
网站频繁遭遇 SQL 注入溯源与原生漏洞修复全流程总结
数据库·sql
数据库小学妹8 小时前
国家区域医疗中心国产化改造实战:数据库选型、跨院区数据互通与踩坑经验
数据库·国产数据库·数据库选型·医疗信息化·信创数据库·医疗信创
AllData公司负责人10 小时前
数据库同步平台|AIIData数据中台实现OceanBase、达梦数据库、OpenGauss、人大金仓、Hive、TDengine 一键接入Doris
大数据·数据库·hive·mysql·oceanbase·tdengine
2603_9547083110 小时前
全维度容错设计,打造微电网安全运行屏障
服务器·网络·数据库·人工智能·分布式·安全