HTML零基础学习笔记(三)

[color=darkred][b]表单的语法：[/b][/color]

<form action ="表单提交地址" method ="提交方法" name ="MyForm">
<!--文本框、按钮等表单元素-->
</form>

[i]method的值通常是:"get" 或 "post"[/i]

<!--表单元素的基本格式-->
<input name ="元素格式" type ="类型" value ="值" size ="显示宽度" maxlength ="字符长度" checked ="是否选中" />

[b]type属性包括：[/b]
[i]1、text：文本输入框
2、password：密码输入框
3、radio：单选按钮
4、checkbox：复选框
5、submit：提交按钮
6、reset：重置按钮
7、button：普通按钮
8、hidden：隐藏域
9、image：图像按钮
10、file：文本域
[/i]

<!--文本输入框-->
<input type ="text" name ="username" size ="20" />
<!--密码输入框-->
<input type ="password" name ="pwd" size ="20" />
<!--单选框-->
<p>性别：
<input type ="radio" name ="sex" value ="女" />女
<input type ="radio" name ="sex" value ="男" checked ="checked"/>男
</p>
<!--复选框-->
<p>课程选择：
<input type ="checkbox" name ="cb1" value ="C++" />C++
<input type ="checkbox" name ="cb2" value ="java" />java
<input type ="checkbox" name ="cb3" value ="C#" />C#
<input type ="checkbox" name ="cb4" value ="php" />php
</p>
<!--提交按钮/重置按钮/普通按钮-->
<input type ="submit" name ="submit1" value ="提交" />
<input type ="reset" name ="reset1" value ="重置" />
<input type ="button" name ="button1" value ="取消" />
<!--下拉列表-->
<select name ="列表名称">
    <option value ="值">text</option>
</select>
<!--多行文本域 cols:文本区内的可见宽度  rows:文本区内的可见高度-->
<textarea name ="content" cols ="x" rows ="y">
   text
</textarea>