189 8069 5689

html5——表单元素和属性-创新互联

html使用表单向服务器提交请求,表单控件的主要作用就是收集用户的输入,当用户提交表单时,用户输入内容将被作为请求参数提交到远程服务器上

10年积累的成都网站设计、成都网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站制作后付款的网站建设流程,更有甘州免费网站建设让你可以放心的选择与我们合作。

html原有的表单及表单控件

form属性
说明
action
指定当单击表单的确认按钮,该表单被提交到哪个地址,可以是相对/绝对地址
method
指定提交表单时发送何种类型的请求 属性值可以为get post
enctype
对表单内容进行编码所使用的字符集
name
指定表单的唯一名称,建议该属性值与id属性值保持一致
target
使用哪种方式打开目标URL,该属性值可以是_blank _parent _self _top
post:传送的数据量比较大,用户在地址栏里看不到参数,安全性较高

get:直接在地址栏中输入访问地址所发送的请求

使用input元素,input元素是表单空间当中功能最为丰富,如下几种输入元素都是通过元素生成

单行文本框 text
 单行文本框用于接受用户的输入
密码输入框 password
 密码框文字不可见
隐藏域 hidden
不接受用户输入,也不能生成可视化部分
复选框 checkbox(radio 单选框)
供用户选择
图像域 p_w_picpath
和提交按钮的作用基本一样,单击表单被提交
文件上传域 file
允许用户浏览本地磁盘文件,并将该文件上传到服务器
提交 submit
提交按钮
重设 reset

重置按钮

input核心属性

checked
设置单选框、复选框初识状态是否处于选中状态,该属性只能是checked,选中
disabled
b表示该元素禁用,该元素无法获得焦点
maxlength
该属性值是一个数字,指定文本矿中允许输入的大字符字数
size
指定该元素的宽度
readonly
文本框中的值不允许用户更改
src
指定图像域所显示图像的URL

代码示例:




    
    
     表单 



    单行文本框:
    不能编辑的文本框:
    密码框:
    隐藏域:
    第一组单选框:
    
    
    
    第二组单选框:
    
    
    两个复选框:
    
    
    文件上传域:
    图像域:
    下面是四个按钮:
    
    
    
    


使用label定义标签:

 标签与表单空间关联有两种方式

①隐式使用for属性:指定

②显示关联:将普通文本、表单空间一起放在




    
    
     label元素 



    单行文本框:
    
    
    


列表框和下拉菜单:

用于创建列表框或下拉菜单,该元素必须要和




    
    
     select元素 



    下面是简单下拉菜单:
    
        Java语言
        C语言
        Ruby语言
    
    下面是允许多选的列表框:
    
        疯狂Java讲义
        疯狂Android讲义
        轻量级Java EE企业应用实战
    
    下面是允许多选的列表框:
    
        
            疯狂Java讲义
            疯狂Android讲义
            轻量级Java EE企业应用实战
        
        
            Struts 2.1权威指南
            RoR敏捷开发最佳实践
        
    
    提交


textarea定义文本域:

cols 指定文本域的宽度;

rows 指定文本域的高度;

disabled 指定禁用该文本域

readonly 指定该文本域只读




    
    
     多行文本域 



    简单多行文本域:
    
    只读的多行文本域:
    
疯狂Java讲义
轻量级Java EE企业应用实战
    
    提交


html5新增的属性与元素

form属性 指定属于哪一个form

formaction 提交到不同的action

formxxx 与formaction相似
autofocus 获得焦点

placeholder 提示信息
list 必须与datalist结合使用
list用法见下
autocomplete 与list结合使用
on 打开antocomplete 文本框下方会显示下拉菜单



    
    
     list属性 



    请输入图书:
         疯狂Java讲义     轻量级Java EE企业应用实战     疯狂Android讲义

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章名称:html5——表单元素和属性-创新互联
浏览路径:http://cdxtjz.com/article/dgohis.html

其他资讯