初学好文：HTML网页表单制造实例解说
日期：2013-11-21 浏览次数：20861 次
- 文本框
- 代码格式：<input type="text" name="..." size="..." maxlength="..." value="...">
- 属性解释：
- type="text"定义单行文本输入框；
name属性定义文本框的名称，要保证数据的精确采集，必须定义一个独一无二的名称；
size属性定义文本框的宽度，单位是单个字符宽度；
maxlength属性定义最多输入的字符数；
value属性定义文本框的初始值；
- 演示：
- 以上演示的代码是：<input type="text" name="example1" size="20" maxlength="15">
- 多行文本框
- 代码格式：<TEXTAREA name="..." cols="..." rows="..." wrap="VIRTUAL"></TEXTAREA>
- 属性解释：
- name属性定义多行文本框的名称，要保证数据的精确采集，必须定义一个独一无二的名称；
- 默认值是文本自动换行；当输入内容超过文本域的左边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现；
- Off，用来避免文本换行，当输入的内容超过文本域左边界时，文本将向左滚动，必须用Return才能将插入点移到下一行；
- Virtual，允许文本自动换行。当输入内容超过文本域的左边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现；
- Physical，让文本换行，当数据被提交处理时换行符也将被一同提交处理。
cols属性定义多行文本框的宽度，单位是单个字符宽度；
rows属性定义多行文本框的高度，单位是单个字符宽度；
wrap属性定义输入内容大于文本域时显示的方式，可选值如下：
- 演示：
- 以上演示代码是：<TEXTAREA name="example2" cols="20" rows="2" wrap="PHYSICAL"></TEXTAREA>
- 密码框
- 代码格式：<input type="password" name="..." size="..." maxlength="...">
- 属性解释：
- type="password"定义密码框；
name属性定义密码框的名称，要保证数据的精确采集，必须定义一个独一无二的名称；
size属性定义密码框的宽度，单位是单个字符宽度；
maxlength属性定义最多输入的字符数。
- 演示：
- 以上演示代码是：<input type="password" name="example3" size="20" maxlength="15">
- 复选框
- 代码格式：<INPUT type="checkbox" name="..." value="...">
- 属性解释：
- type="checkbox"定义复选框；
name属性定义复选框的名称，要保证数据的精确采集，必须定义一个独一无二的名称；
value属性定义复选框的值.
- 演示： Aiyiweb.Com FreeInfo.Aiyiweb.Com
- 以上演示代码是： <input type="checkbox" name="Aiyiweb.Com" value="09">Aiyiweb.Com<input type="checkbox" name="FreeInfo.Aiyiweb.Com" value="08">FreeInfo.Aiyiweb.Com
- 单选框
- 代码格式：<INPUT type="radio" name="..." value="...">
- 属性解释：
- type="radio"定义复选框；
name属性定义复选框的名称，要保证数据的精确采集，必须定义一个独一无二的名称；
value属性定义复选框的值.
- 演示： Aiyiweb.Com FreeInfo.Aiyiweb.Com
- 以上演示代码是： <input type="radio" name="myFavor" value="09">Aiyiweb.Com<input type="checkbox" name="myFavor" value="08">FreeInfo.Aiyiweb.Com
- 文件上传框
- 代码格式：<input type="file" name="..." size="..." maxlength="...">
- 属性解释：
- type="file"定义文件上传框；
name属性定义文件上传框的名称，要保证数据的精确采集，必须定义一个独一无二的名称；
size属性定义文件上传框的宽度，单位是单个字符宽度；
maxlength属性定义最多输入的字符数。
- 演示：
- 以上演示代码是：<input type="file" name="myfile" size="15" maxlength="100">
- 下拉选择框
- 代码格式：
<select name="..." size="..." multiple>
<option value="..." selected>...</option>
...
</select>
- 属性解释：
- size属性定义下拉选择框的行数；
name属性定义下拉选择框的名称；
multiple属性表示可以多选，如果不设置本属性，那么只能单选；
value属性定义选择项的值；
selected属性表示默认曾经选择本选项。
- 演示：
- 以上演示代码是：
<select name="mySel" size="1">
<option value="1" selected>Aiyiweb.Com</option&
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
