HTML学习-表单语法、表单元素格式、单选框、多选框、按钮 2021-1-19

表单语法

表单form
action:表单提交的位置，可以是网站，也可以是一个请求处理地址
method:post,get 提交方式
get方式提交：我们可以再url中看到我们提交的信息，不安全，高效
post方式提交：比较安全，传输大文件
文本输入框 input type="text"
密码框：input type="password"
submit是提交，reset是重置

此图片是其他作者的，作为自己学习使用

    
    


注册


    
    
名字：
    
    
密码：
    

        
        
    

set是直接url查看

post是以下方式查看

表单元素格式

value：默认初始值

maxlength：最长可以输入的字符

size:文本框的长度

名字：

radio单选框:checked表示默认选中

男

性别：
        男
        女
    

可以看出这两个选项都可以选，是因为radio单选框必须将两个放在同一个组里面，就和多选框没有什么区别，因此需要加name,所有属性是都需要加name 的。

可以更改为如下：

name 属性改为一样的名字就表示他们是一个组的，现在这个单选男女之间只能选一个

        男
        女
    

现在只能选一个

多选框：checked表示默认选中

    
爱好：
        睡觉
        敲代码
        聊天
        游戏
    

敲代码

按钮

按钮

input type="button"普通按钮
input type="image"图片按钮
input type="submit"提交按钮
input type="reset"重置按钮

1. 普通按钮

2. 图片按钮

鼠标放在图片上可以点击跳转

3. 重置按钮