java web-1.3html-表单标签

表单标签

  • 表单:用于采集用户输入的数据,用于和服务器进行交互

  • 使用的标签: 用于定义表单的,可以定义一个范围,范围代表采集用户数据的范围

  • 属性 (1) action 指定提交数据的url (2)method 指定提交方式 7种 其中get post常用
                      get 1.请求参数会在地址栏显示 封装到请求行中
                             2.url长度有限制
                             3.不太安全
                      post1.请求参数不会在地址栏显示 
                             2.url长度没有限制
                             3.比较安全
             表单中的数据要想被提交,必须指定其name属性
    

在这里插入图片描述

1.表单项标签

  • input:可以通过type属性值,改变元素展示的样式。
    type属性:
    text:文本输入框,默认值
    placeholder:指定输入框的提示信息,当输入框的内容发生变化被自动清空提示信息
    password:密码输入框(密文)
    placeholder:指定输入框的提示信息,当输入框的内容发生变化被自动清空提示信息
    在这里插入图片描述 在这里插入图片描述
    在这里插入图片描述
    **radio:单选框。**注意:
    1.如果想让多个单选框实现单选的效果,则多个单选框的name属性值必须一样
    2.一般会给每一个单选框一个value值,指定其被选中后提交的值
    3.checked属性可以指定默认值
    checkbox:复选框
    注意:
    1.一般会给每一个单选框一个value值,指定其被选中后提交的值
    2.checked属性可以指定默认值在这里插入图片描述
让某个值默认被选中:checked= “checked”

在这里插入图片描述
label
指定输入项的文字描述信息
注意:label的for属性一般会和input中的id属性值对应,如果对应了,则点击label区域,会让input输入框获取焦点。
在这里插入图片描述
file:文件选择框
在这里插入图片描述
hidden:隐藏域,用于提交一些信息
在这里插入图片描述
按钮
1.submit:提交表单
2.button:普通按钮
3.image:图片提交按钮。可以通过src指定图片路径
在这里插入图片描述
其他的标签
取色器 color
生日 date
生日 datetime-local
邮箱email
数字的 number
在这里插入图片描述

  • select:下拉列表
    子元素:option,指定列表项
    在这里插入图片描述
  • textarea:文本域
    cols:指定列数 每行多少字符
    rows:默认行数
    在这里插入图片描述
发布了110 篇原创文章 · 获赞 31 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/weixin_39795049/article/details/104365508