HTML-表单

作者: 大炮打小鸟 | 来源:发表于2025-08-21 20:14 被阅读0次

表单标签:from

<form action="https://www.baidu.com/s">
    <input type="text" name="wd">
    <button>去百度搜索</button>
</form>

京东:action = ''https://www.search.jd.com/search'' name="keyword"

target: _self _blank
method:请求方式 get(默认) post

input属性
type:输入类型,text文本、password密码、radio单选、checkbox多选、hidden隐藏域、submit提交按钮、reset重置按钮(value是控制按钮的文字)、button普通按钮
name:数据属性
value:默认值
maxlength:输入最大长度
checked:单选和多选的默认选中

 性别:<input type="radio" name="gender" value="male">男 <input type="radio" name="gender" value="female">女

button的type属性 默认是submit,reset重置按钮,button普通按钮

文本域textarea,属性:name数据名,rows行数 cols列数

下拉框select,属性:name数据名
需要配合option选项标签,有value值提交value值,没有提交标签中间内容,selected默认选中

禁用表单控件
属性:disabled 禁用
input、textarea、button、select、option都可以用

label标签
for与input等的属性id对应,就实现关联了

<label for="account">账户</label>

另外把input等嵌套在label标签内也可以实现关联

fieldset与legend
fieldset是边框,可以为表单控件分组,legend是标题

<fieldset>
     <legend>主要内容</legend>
     性别:<input type="radio" name="gender" value="male">男 <input type="radio" name="gender" value="female">女
</fieldset>

相关文章

  • html-表单

    功能 表单用于向服务器传输数据,实现web与服务器的交互 表单能够包含input系列标签,比如文本字段、复选框、单...

  • HTML-表单

    一、表单介绍 二、控件的常用属性 三、表单的其他控件

  • HTML-表单

    概述: 标签用于为用户输入创建 HTML 表单. 表单用于向服务器传输数据. 表单能够包含input 元素,比如文...

  • HTML-表单(form)

    表单用于搜集不同类型的用户输入。即是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。...

  • 六 HTML-表单

    一、表单概述 1、作用: 用于为用户创建 HTML 表单,用于向服务器传输数据。 表单能够包含 input 元素,...

  • html-图片/表格/表单

    a标签的认识 ’#‘号跳转页面内锚点跳转外部网页跳转内部网页 a标签的伪协议 img的认识 img是一个单标签 ...

  • HTML-表单综合练习

    本章用table进行布局和升级

  • H5竖屏模板

    【html-头部】 【html-内容区】 为了...

  • HTML-表单form-2018.07.05

    HTML表单学习整理 重点:记住命令单词 难点:要有基本的自己的表单样式的逻辑 form标签基本框架格式: 基本框...

  • html-表单的理解与使用

网友评论

    本文标题:HTML-表单

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