HTML笔记--表单标签

标签（空格分隔）： HTML

---

表单标签(****最重要的一个标签*****)

• 可以用来实现登录页面
• 标签形式：<form></form>定义一个表单，所有的表单的内容定义在这两个标签内部；
  • 属性：提交地址 action = "提交的地址"
  • 提交方式：method="get/post"
  • 两种提交方式的区别：（面试题）
    • get请求地址栏会携带提交的数据，post的不会携带；
    • get的安全级别较低，post较高
    • get请求有数据大小的限制，post没有限制
  • enctype：一般请求不需要这个属性，但是在文件上传到哦时候会需要这个属性。
• 输入项：
  • 大部分输入项可以使用<input type = "输入项类型"/> 来制定；
  • 普通输入项：如用户名；<input type = "text"/>
    • 代码：<form><input type = "text"/> </form>
  • 密码输入项：<input type="password"/> 效果是不显示在页面上而显示黑点；
  • 单选输入项：<input type="radio"/>
    • 必须在定义的时候 添加name属性 如果有多个选项，那么name的属性值必须一样否则会成为多选；
    • 还必须指定value属性，否则在提交（get/post）表单时该项内容无法被正确提交。
    • 代码<input type="password" name="sex" value="wm"/>女
<input type="password" name="sex" value="m"/>男
    • 实现默认选中：checked="checked"属性
  • 多选输入框：
    • 同遵循单选框的name和value规则
    • 实现默认选中：checked="checked"属性
    • 代码：<input type="checkbox" name="love" value="ym"/>羽毛球``<input type="password" name="love" value="pp"/>羽毛球
  • 文件输入项：<input type="file">
    • 该属性在后面将会仔细讲到
  • 下拉输入项：（不是在input标签内）
    • <select><option></option></select>
    • select表示一个下拉输入框：必须指定一个name属性如<select name="birth">
    • option表示一个选项：他必须指定一个value的属性如：<option value="1991">1991</option>
    • 默认选中：selected="selected"默认选中
  • 文本域输入项:如添加一个自我描述的输入框：
    • 例子<textarea cols="列数" rows="行数"></textarea>
  • 隐藏项：存在于代码却不显示在界面
    -<input type="hidden"/>
  • 提交按钮：
    • `<input type=" submit" value="按钮上的文字"/>
    • 提交方式和地址；这两个属性需要在form标签中作为属性设置；
  • 使用图片提交：
    • <input type="image" src="图片地址">
  • 重置按钮：
    -回到初始状态 <input type="reset" vlaue="显示文字"/>
  • 普通按钮：
    • <input type="button" vlaue="显示文字">
    • 一般配合js作为监听使用