html基本格式-html中form表单的使用和介绍

2023-08-26 0 8,071 百度已收录

表格形式的使用方法

1. 形式欣赏

2. 理解表格

功能:用于收集不同类型的用户输入

有了表单,网页的内容就可以由用户自己创建,所以对于网页来说,我们既是网页的创建者,又是网页的消费者。

3.常用表单元素

ü 表格形式

ü 输入表单元素、表单项

ü 选择和选项下拉菜单

ü textarea 文本字段

(1) 表单元素

功能:用于创建表单

格式:

基本用法:

重要属性:

1、action:表示将当前表单中的内容提交到该页面进行处理

2.method:表示提交当前表单的方法,常见的表单有get和posthtml基本格式,默认是get提交

(2) 输入要素

表示输入框,有多种形式,可以根据type属性来决定显示哪个输入框。

基本用法:

影响:

注重细节:

1. 对于输入,其类型默认为text,即单行文本

2.对于输入,最好为其添加一个name属性,用于将用户输入的内容提交到需要处理数据的页面

GET提交和POST提交:

得到:

如果以get的形式提交,但是不写name属性,那么用户输入的内容就无法提交,但是也会出现? 这个标志:

邮政:

当用户以post的形式提交时,用户输入的内容不会放在地址栏上,这样更安全:

GET 和 POST 总结:

1、GET会将用户输入的内容放到地址栏上,使用GET请求并不安全

2、POST不会把用户输入的内容放到地址栏上,比较安全

细节:

1. 每个输入标签都有一个value属性。 不同类型的输入具有不同的价值函数

对于type="text",该值是可选的html基本格式,因为可以提交用户输入的内容。

对于 type=”radio” 或 type=”checkbox” ,不能无值提交。

2、对于type=”radio”,如果只想选其一,则需要为每个输入添加name属性,并且属性值也必须一致。 如果不添加,就无法满足单选框的需求。

3.关于单行文本的长度,可以使用size属性来设置,表示字符宽度。 事实上,它并没有被使用。 我们通常通过CSS来控制。

(3)选择和选项

功能:用于实现下拉列表

格式:

基本用法:

当心:

1.默认情况下,提交的时候会使用option上面的内容作为提交的内容,但是一般我们不会这样做,我们一般会为opton设置一个value属性,并且属性值我们一般会使用数字。

使用value后的情况如下:

我们可以使用 selected 属性来使选项处理默认的选定状态。

(3) 文本区域

功能:提供输入框,用于输入大量文字,例如QQ空间发帖状态、贴吧发帖等。

格式:

基本用法:

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 html html基本格式-html中form表单的使用和介绍 https://www.wkzy.net/game/156429.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务