FORM表单

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

  • 语法结构
  •  一、表单元素
  •       1.input 标签  
  •    2.select标签
  •    3.textarea标签
  • 总结


语法结构

form

 绝对路径: 从盘符开始查找,直到找到文件为止,路径+文件名

 相对路径:当前文件和目标文件的相对路径

<form action="" method="" name=""></form> 

action-----跳转路径

method-----跳转方式(get   post   get不安全,post相当于安全,默认是get标签)

效果

一、input标签

属性中文
text文本框 
password密码框
button按钮
emile邮件框
time时间
color颜色
reset重置
submit提交
date日期
radio单选按钮
checkbox多选按钮
datetime-local日期时间
time时间
range进度条
image图像按钮
file上传文件
url文本框
hide隐藏域

 

 效果

 

二、select标签

属性描述
option子选项 (下拉列表框的选项) ----- 标签
multiple以列表的形式显示
selected默认选择某一个选项

代码 

 

1.extarea标签

cols -------- 文本域的宽度 rows -------文本域的高度 补充:font ------- size (1-7 字大小由小到大


总结

 

FORM表单是HTML中的一个元素,用于创建一个包含表单控件的区域,用户可以在该区域中输入或选择信息,然后将该信息提交到服务器进行处理。 一个基本的FORM表单通常包含以下几个组成部分: 1. FORM标签:用于定义一个表单 2. ACTION属性:指定表单提交的目标地址 3. METHOD属性:指定表单提交的方式(GET或POST) 4. INPUT标签:用于定义一个表单控件,如文本框、单选框、复选框等 5. SUBMIT按钮:用于提交表单 例如,以下是一个简单的FORM表单示例: ```html <form action="http://example.com/form.php" method="post"> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br> <label for="gender">性别:</label> <input type="radio" id="male" name="gender" value="male"> <label for="male">男</label> <input type="radio" id="female" name="gender" value="female"> <label for="female">女</label><br> <label for="city">城市:</label> <select id="city" name="city"> <option value="beijing">北京</option> <option value="shanghai">上海</option> <option value="guangzhou">广州</option> </select><br> <input type="submit" value="提交"> </form> ``` 上述代码中,FORM标签的ACTION属性指定了表单提交的目标地址,METHOD属性指定了表单提交的方式为POST。其中包含了三个表单控件,一个文本框、两个单选框和一个下拉列表框,它们分别用INPUT和SELECT标签进行定义。最后通过一个SUBMIT按钮来提交表单。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值