HTML标签3

一、input系列

1.1内容输入

<input  type="text"  />      文本输入

<input  type="password"  />      密码输入

1.2选择

<input  type="radio"  />      圆形选项标识

<input  type="checkbox"  />        方形多选标识

注：1.如果想要实现多选，上面的两种选项标识多写几个就行

       2.如果想实现单选，例如性别，则使用<input  type="radio"  name=n/>

                                                                    <input  type="radio"  name=n/>

每个选项的名字一致，则可以实现单选

1.3按钮

<input  type="button"  />       普通按钮

<input  type="submit"  />       提交表单

二、下拉框

2.1单选下拉框

<select>

    <option>羽毛球</option>

    <option>篮球</option>

    <option>乒乓球</option>

</select>

2.2多选下拉框

<select   multiple>

    <option>羽毛球</option>

    <option>篮球</option>

    <option>乒乓球</option>

</select>                                       选中其中一个选项，按住shift键，即可实现相邻选项的多项选择

三、多行文本

基本语法：

                 <textarea>...</textarea>

定义初始默认行数：

                <textarea  row=“4”>...</textarea>              显示初始默认为四行的高度

注：即使定义了初始行数的高度，写不下的时候仍然可以调整文本框的大小，点击右下角即可调节文本框的大小。

四、form表单标签

基本语法：

           <form  method=“提交方式”  action=“提交到的地址”>...</form>             

需要提交的内容放在表单标签的内部

提交方式：

         1.GET方法（通过URL提交，可以看到提交的字符串/看不到提交的内容）

         2.POST方法（看不到提交的内容，提交的字符串隐藏在提交体中）