HTML-表单

272 阅读1分钟

为什么需要表单

收集用户信息,跟用户进行交互

表单组成

表单域、表单控件、提示信息

表单域

包含表单元素的区域

<form act="url地址" method="提交方式" name="表单域名称">
会把它范围内的表单元素信息交给表单域
</form>

表单控件

<input type="属性值">
完整版:
<input type="属性值" name="表单元素的名字" value="input元素的值">
    属性值            描述
    button            定义可点击按钮
    checkbox          定义复选框
    file              定义输入字段和"浏览"按钮,供文件上传
    hidden            定义隐藏的输入字段
    image             定义图像形式的提交按钮
    password          定义密码字段,该字段中的字符被掩盖
    radio             定义单选按钮
    reset             定义重置按钮,重置按钮会轻触表单中的所有数据
    submit            定义提交按钮,提交按钮会把表单数据发送到服务器
    text              定义单行输入字段,用户可在其中输入文本,默认宽度为20个字符
    
    
    除了type属性以外,<input>标签还有其他很多属性
        属性           属性值              描述
        name          由用户自定义         定义input元素的名称
        value         由用户自定义         规定input元素的值
       
        checked       checked             规定此input元素首次加载时应该被选中
        maxlength     正整数               规定输入文字段中的字符的最大长度
    
    注释:实现单选按钮的方式
    性别:男<input type="radio" name="sex">  女<input type="radio" name="sex">
    这里的name属性必须是一样的才能实现单选
    
    name和value属性值主要是给后台人员使用的
    name表单中元素的名字,要求单选按钮和复选框要有相同的name值
    单选或者多选加入checked属性就可以默认被选中

Screenshot_20211101-164456_HD.jpg