美文网首页
HTML表单高级应用

HTML表单高级应用

作者: Tn299 | 来源:发表于2019-03-24 16:46 被阅读0次

    (一)表单的隐藏域

    有一些表单不需要在网页上显示,但后台服务器需要这些数据进行业务处理。比如用户的id。
    语法:


    image.png

    语法说明:


    image.png
    例:
    在登录页面中使用隐藏域保存用户的userid信息。
    image.png
    image.png

    (二)表单的只读与禁用设置

    语法

    只读: image.png
    禁用: image.png

    语义化的表单

    (一)关于语义化
    没有明确的定义,只是为了让搜索引擎更好的搜索到本网页和布局的美观,语义化显示得非常重要。
    (二)语义化表单
    1.标签
    在表单中,可以使用<fieldset>标签实现域的定义,使用<legend>标签来实现域的标题。
    什么是域呢?简单地说就是将一组表单元素放到<fieldset>标签内,浏览器就会以特殊的方法来显示。
    通常<fieldset>标签和<legend>标签一起使用。
    案例:


    image.png
    image.png

    fieldest标签类似于边框线,legend类似于边框线上的字

    (三)表单元素的标注

    对表单元素进行标注,这样做的目的就是为了增强鼠标的可用性,这是因为使用表单元素标注时,在客户端呈现的效果不会有任何特殊的改进。但是如果当用户使用鼠标单击标注的文本内容时,浏览器会自动将焦点转移到与该标注相关的表单元素上。
    语法:


    image.png

    案例:


    image.png
    image.png

    相关文章

      网友评论

          本文标题:HTML表单高级应用

          本文链接:https://www.haomeiwen.com/subject/wvmuvqtx.html