HTML表单

表单

<form action="https://www.baidu.com" method="post">
    用户信息：<input type="text" placeholder="请输入用户名" name="username"> <br>
    密  码：<input type="password" name="password"> <br>
    性  别：<input type="radio" value="man" name="sex" checked="checked">男 <input type="radio" value="woman" name="sex">女 <br>
    爱  好：<input type="checkbox" name="hobby" value="basketball" checked="checked">篮球<input type="checkbox" name="hobby" value="football">足球<input type="checkbox" name="hobby" value="valiball">排球 <br>  
    简  历：<input type="file" name="jl"> <br> 
    
    手机号码：<input type="text" maxlength="11"> <br>
    籍  贯：<select name="jg" id="">
        <option value="">--请选择--option>
        <option value="beijing">北京option>
        <option value="shanghai">上海option>
        <option value="nanjing">南京option>
    select> <br>
    自我介绍：<textarea name="zwjs" id="" cols="30" rows="10">textarea> <br>
    <input type="submit" value="登录">
    
    <input type="reset" value="重置">
    
    
form>

input控件

属性	属性值	描述
type	text	单行文本输入框
	password	密码输入框
	radio	单选按钮
	checkbox	复选框
	button	普通按钮
	submit	提交按钮
	reset	重置按钮
	image	图像形式的提交按钮
	file	文件域
name	由用户自定义	提交后端数据的key值
value	由用户自定义	input控件中的默认文本值
size	正整数	input控件在页面中的显示宽度
checked	checked	定义选择控件默认被选中的项
maxlength	正整数	控件允许输入的最多字符数

• form：表单，收集用户输入信息
  • ⭐属性：
    • ⭐⭐action：提交地址
    • ⭐⭐method：请求方式get、post
• button：按钮
  • ⭐type属性
    • ⭐⭐submit：提交按钮
    • ⭐⭐reset：重置按钮