我的网页笔记本-表单标签

• ‌一个完整的表单通常由单表域、表单控件（也称表单元素）、提示信息3个部分构成
• form>定义表单域，以实现用户信息收集和传递，form>会把信息提交给服务器
• form action="地址" method="提交方式" name="表单域名称">
• input>包含一个type属性，不同的type属性值输入字段拥有多种形式，格式
• input type="属性值/">，input是单标签
• ‌type属性值可以让input设置不同的属性值用来指定不同的控件类型 见①
• ‌name定义input元素的名称
• ‌value规定input元素的值
• checked进入页面直接被选中，默认选中某个表单元素
• ‌maxlength设置字段可以输入的字数，一般较少使用
• ‌name和value都有属性值，给后台人员看的
• ‌name表单元素要求单选按钮和复选框要有相同的name值
• name:当前input的名字，页面中表单很多，name的主要作用就是用于区别不同的表单
• 用户名: input type="text" value="请输入用户名" name="username"/>
• ‌name属性后面的值是自定义的
• radio或者checkbox如果是一组，我们必须给他命名相同名字
• input type="radio"name="sex"/>男
• input type="radio"name="sex"/>女
• input type="radio"name="sex" value="男" checked="checked"/>男
• input type="text" value="请输入用户名"> ①
• ‌ label>为input元素定义标注，当点击 label>的文本时，浏览器自动将光标选择对应的表单元素上
• label for="sex">男 /label>
• input type="radio" name="sex" id="sex"/>
• ‌ label>标签的for属性应当与相关元素的id属性相同
• ‌页面中，多个选项让用户选择，并想要节约空间时，我们可以使用 select>标签定义下拉列表 语法
• select> option>选项1 /option> option>选项2 /option> /select>
• ‌ select>中至少包含
• ‌在 option>中定义 select="selected">时，当前项即为默认选中项
• 通过 textarea>标签可实现多行文本输入框
• cols="每行的字数"
‌
• ‌rows="显示的行数" 《实际开发不会使用》
• ‌语法: textarea rows="3" cols="20"> 文本内容 /textarea>
• 查阅文档:w3school MDN 百度