HTML知识2

基础写法：

1.单行文本框：<input type="text" name="n1" id="" value="默认值"/>

2.密码框:<input type="password" name="n2" id="" value=""/>

3.提交:<input type="submit" value=“提交”/>

4.隐藏框:(页面不显示，但是可以传递数据)<input type="hidden" name="n3" id="" value="隐藏的数据">

5.单选按钮：（同一组单选按钮，name属性一致）默认选中checked="checked"

<input type="radio" name="gender" id="" value="" checked="checked"/>男

<input type="radio" name="gender" id="" value="" >女

6.复选框（同一组复选框，name属性一致）这里列举hobby爱好为例，因此name为hobby

<input type="checkbox" name="hobby" id="" value="" />LOL

<input type="checkbox" name="hobby" id="" value=""/>CF

7.多文件框（添加multiple属性）:

<input type="file" name="" id="" value="" multiple="multiple"/>

8.日期控件:
<input type="date" name=“” id="" value=""/>

<input type="datetime-local" name="" id="" value=""/>

<input type="week" name="" id="" value=""/>

以此类推还有月以及年

9.数值控件：

<input type="number" name="" id="" value=""/>

10.按钮控件:
<input type="button" name="" id="" value="普通按钮" οnclick="alert('是')"/>

<input type="reswet" name="" id="" value="复位"/>

<input type="submit" name="" id="" value="提交"/>

11.按钮标签:可以在标签内部插入其他元素

<buttton type="button">

              button标签

              <img src="img/图片路径" width="" height=""/>

<button/>

12.多行文;rows和cols设置宽度和高度

<textarea rows="5" cols="60">

<textarea/>

13.下拉框:

<select name="">

             <option value="">唱<option/>

             <option value="">跳<option/>

             <option value="">rap<option/>

</select>

实际传输到后台的值是VALUE的值，不是中间的文本的值

14.Form表单：用于提交数据到服务器

form属性action：目标服务器的地址url

form属性的method：http的请求方式

name：当前表单标签的名称，在提交数据时，以name属性作为实际值的索引

value属性：设定或获取用于当前表单元素的输入值

checked属性：用于单选框或者复选框单元素默认选中

select属性：用于下拉框option默认被选中

multiple属性：设置文件框或者下拉框可以多选

disabled属性：禁用当前表单元素，即无法修改当前表单元素，改变元素外观 disabled="disabled"

readonly属性：只读当前表单元素，无法修改 readonly="readonly"，不改变元素外观，一般只用于文本

placeholder：在文本框中提示文字，在编辑时自动消失