03 表单案例实战

最新推荐文章于 2023-08-13 17:38:03 发布

小鱼儿爱喝酒

最新推荐文章于 2023-08-13 17:38:03 发布

阅读量149

点赞数

分类专栏： WEB前端学习文章标签： html

本文链接：https://blog.csdn.net/dskfksdf/article/details/117234100

版权

本文介绍了HTML表单的基础知识，包括action属性、method属性、input元素的type属性、maxlength属性，以及select下拉菜单、文本域textarea的使用。此外，还讲解了password类型的input、radio和checkbox单选按钮，以及如何创建下拉菜单和文本域的案例代码及其效果展示。

摘要由CSDN通过智能技术生成

01 基础知识

1 表单

其中：

action表示动作定义在提交表单时执行的动作。向服务器提交表单的通常做法是使用提交按钮。通常，表单会被提交到 web 服务器上的网页。

method表示提交的方式post，get

<form action="action_page.php" method="POST"> </form>

2 input

其中：

type表示类型（text、checkbox、button、password、checkbox、radio）

maxlength表示输入最长的字符数

<input type="password" name="" id="" value="" maxlength="6" />

<input type="checkbox" name="" id="" value="" />大战哥斯拉 
<input type="checkbox" name="" id="" value="" checked="checked"/>对战卡蜜拉

3 select 下拉菜单

<select name="">
					<option value ="">--height(m)--</option>
					<option value="">2000</option>
					<option value="">3000</option>
					<option value="">4000</option>
					<option value="