Day3

一、表单

1.form表单（提交数据）（交互）【一般来说一个页面只有一个】

2.input：数情况下被用到的表单标签是输入标签（<input>）。输入类型是由类型属性（type）定义的。

按钮：input<type="submit"> 自带提交功能
 
      input<type="button"> 不自带提交功能

3.button标签：是行内经常使用的标签，与input<type="button">一样

4.type类型

适用于html中的：

 text文本、password密码、button按钮、submit自带提交、reste重置、radio单选、checkbox多选
 image图片、hidden隐藏、color颜色、checked默认选中

适用于html5

 file文件、date日期、datetime时间、email邮件、number数字、search搜索

input属性

属性名：

 autofocus自动聚焦、readonly只读、disabled带灰色只读、placeholder带用户名

5.textarea标签 （文本域）

6.标签的命名

 name 姓名 （名称相同）[与后台交互时使用]

 ID   #    （名称不能相同）具有唯一性 [JS部分使用]

 class 类，班级（名称可以相同）[HTML、CSS前台网页部分]

 id命名：例 document.getEtementById（id）

7.下拉菜单

 <select>下拉单

 <option>定义下拉菜单选项 下拉菜单的默认选中<secected>

 <multiple>在下拉菜单中多选

 8.fielset标签
  
 <fielset>只会出现在管理系统上

 <legend></legend>标题名称

 9.form表单

 <form action="表单处理程序" method="get/post">

 get/post提交数据的两种（只有两种）

 method提交方式：

 get：地址栏显示用户信息（安全低）速度快

 post：地址栏看不到用户信息（安全高）速度慢

 action里面用“#”填充（页面部分）

 10.<lafle>标签
    
    <lafle>可以点文字选择一个东西，比如男女姓名

 

转载于:https://www.cnblogs.com/qinhaifeng/p/5863370.html