html之表单元素form

表单元素form

\(都是嵌套input标签来实现，其中type属性选择不同则不同\)

\(text：文本内容(输入内容可见)\)

\(password：密码(输入内容不可见)\)

\(submit：提交按钮\)

\(reset：清空按钮\)

\(radio:单选\)

\(checkbox：多选\)

对于单选多选的示例

\(name属性表示当前这一项的名字，checked表示是否被默认选择\)

\(其中，对于单选的name属性应该相同，而多选可以不同\)

<form>
<input type="radio|checkbox"  value=""name=""checked="checked"/>
</form>

下面是下拉列表框

\(用一对select标签括起来，然后每一个option标签表示选项\)

\(其中option有叫selected的属性，设置为selected表示默认选中\)

<select>
    <option >这里写内容</option>
    <option >写什么好呢??</option>
    <option selected="selected">对了,E.M.T!!</option>
</select>

这里写内容
写什么好呢??
对了,E.M.T!!

文本域

\(用一对textarea标签括起来\)

\(属性rows=""表示行，cols=""表示列.\)

\(在两个textarea标签内写入的内容会被默认放在文本框内，就像下面的EMT一样\)

<form>
    这是一个普通的文本框(●'◡'●):<br />
    <textarea rows="10" cols="50">
        最爱E.M.T了!!!
    </textarea>
    <br/>
    <input type="submit" value="确定"/>
    <input type="reset" value="重置"/>
</form>

这是一个普通的文本框(●'◡'●):

最爱E.M.T了!!!