时间:2021-07-01 10:21:17 帮助过:24人阅读
表单标签用于申明表单,定义采集数据的范围,即
表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。还可以包含 menus、textarea、fieldset、legend 和 label 元素。
三个重要的属性说明:
1、action指定该表单发送时接受操作的地址
2、method指定表单数据发送的方法。可选值:get、post。get发送则表单内的数据将附加到url后发送(不赞成使用)。post则是在HTTP请求中发送。
3、enctype指定表单数据在发送的服务器之前如何编码,特别注意的是,当含有上传域时要设置编码方式为enctype="multipart/form-data", 否则后台无法获取到浏览器发送的文件数据。是设置表单的MIME编码。默认情况,这个编码格式是application/x-www-form- urlencoded,不能用于文件上传;只有使用了multipart/form-data,form里面的input的值以2进制的方式传过去。才能 完整的传递文件数据。FTP上传大文件的时候,也有个选项是以二进制方式上传。
二、input标签
标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
1、文本域
2、密码域
密码跟文本框类似,但是在里面输入的内容显示为圆点。
3、单选按钮
男人:女人:
checked属性表示该项被默认选中。
4、复选框
5、普通按钮
6、重置按钮
当点击重置按钮时,重置按钮所在的表单将全部清空,而其他表单不受影响。
7、提交按钮
当点击提交按钮时,浏览器将自动提交表单。
8、隐藏域
隐藏域在浏览器中并不显示,仅仅为保存一些不太重要的资料而存在,当用户提交表单时隐藏域的内容会一起提交。
9、文件域
文件域在上传文件时常常用到,它用于查找硬盘中的文件路径,然后通过表单将选中的文件上传。在发送电子邮件、上传头像、传送文件时会看到这一控件。
10、图片按钮
如果想用图片作为按钮来提高网页的美感,可以使用图像域创建图像提交按钮,这幅图片即具有按钮功能。
三、下拉列表select
select 元素可创建单选或多选菜单。 元素中的 标签用于定义列表中的可用选项。
基本语法:
选项显示内容 选项显示内容 ......
selected表示默认选项。
四、文本域textarea
标签定义多行的文本输入控件。文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。
可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。
提示:在文本输入区内的文本行间,用 "%OD%OA" (回车/换行)进行分隔。
提示:可以通过 标签的 wrap 属性设置文本输入区内的换行模式。
具体内容
< 上一篇
深入理解BFC_html/css_WEB-ITnose
下一篇 >
CSS清浮动_html/css_WEB-ITnose
记住我的登录 忘记密码?
登录
我已阅读用户协议及版权声明
注册