HTML表单

• 创建一个表单
  • HTML中表单的创建使用<form>标签（双标签）
  代码语言：javascript

  复制

  <form method="post" action="index.html"></form>

  • method="post" 指的是表单提交方式，常用值 get | post
    • get：速度较快，但不安全。传输的文本较少；提交的内容会在提交表单之后显示在浏览器的地址栏；不适合密码之类的传输；
    • post：速度慢，但是安全。与get相反。适合用于注册表单、登录表单之类的传输。
  • action="index.html"指的是表单提交成功后要跳转的页面。
• 表单<input>标签的类型
  • <input type="text" name="name" value="初始值"/>文本框
  • <input type="password" name="name" value="初始值"/>密码框
  • type="submit"    提交按钮
  • type="reset"    重置按钮
  • type="button"    普通按钮
  • type="image"    图片按钮
  • <input type="radio" name="sex" checked value="1">单选按钮 

<input type="radio" name="sex" checked value="1">男
 <input type="radio" name="sex" value="0">女

• <input type="checkbox" name="inter" value="s">多选按钮

<input type="checkbox" name="inter" value="s">玩游戏
 <input type="checkbox" name="inter" value="d">打篮球

<input type="checkbox" name="inter" value="x">睡觉

• 表单输入的初级验证
  • placeholder="提示的文字" 文本框提示的文字，适用于<input>标签
  • required 验证文本框内容不能为空
  • pattern正则表达式验证

pattern="^1[358]/d{9}"
 //意为开头为1，第二位是358其中一个，/d意为全数字，{9}意为后面还能有九位数字。

往期精选：

JavaScript

Java基础

HTML基础