打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
Asp学习五 表单标签各种输入类型
Asp学习五表单标签各种输入类型
1.       文字输入列:每个表单之所以会有不同的类型,原因就在于TYPE="表单类型"设定的不同而已,我们就先来看看第一个类型:文字输入列。文字输入列的类型就是TYPE="TEXT",其使用方法如下:
原始代码
<FORM>
姓名:<INPUT TYPE="TEXT" NAME="NAME" SIZE="20">
</FORM>
显示结果
其有下列可设定之属性:
·    NAME="名称",是设定此文字输入列的名称,程序中常会用到。
·    SIZE="数值",是设定此文字输入列显示的宽度。
·    VALUE="预设内容",是设定此文字输入列的预设内容。
·    ALIGN="对齐方式",是设定此文字输入列的对齐方式,其值有:TOP(向上对齐)、MIDDLE(中间对齐)、BOTTOM(向下对齐)、RIGHT(向右对齐)、LEFT(向左对齐)、TEXTTOP(向文字顶部对齐)、BASELINE(向文字底部对齐)、ABSMIDDLE(绝对居中)、ABSBOTTOM(绝对置下)等。
·    MAXLENGTH="数值",是设定此文字输入列可设定输入的最大长度。
2.       单选表单:利用TYPE="RADIO" 就会产生单选表单,单选表单通常是好几个选项一起摆出来供使用者点选,一次只能从中选一个,故为单选表单。
原始代码
<FORM>
姓名:
男<INPUT TYPE="RADIO" NAME="SEX" VALUE="BOY">
女<INPUT TYPE="RADIO" NAME="SEX" VALUE="GIRL">
</FORM>
显示结果
其有下列可设定之属性:
·    NAME="名称",是设定此一栏的名称,程序中常会用到。
·    VALUE="内容",是设定此一栏的内容、值或是意义。
·    ALIGN="对齐方式",是设定此一栏的对齐方式,其值有:TOP(向上对齐)、MIDDLE(向中对齐)、BOTTOM(向下对齐)、RIGHT(向右对齐)、LEFT(向左对齐)、TEXTTOP(向文字顶部对齐)、BASELINE(向文字底部对齐)、ABSMIDDLE(绝对居中)、ABSBOTTOM(绝对置下)等。
·    CHECKED,是设定此一栏为预设选取值。
3.       复选表单:利用TYPE=" CHECKBOX "就会产生复选表单,复选表单通常是好几个选项一起摆出来供使用者点选,一次可以同时选好几个,故为复选表单。
原始代码
<FORM>
喜好:
<INPUT TYPE="CHECKBOX" NAME="SEX" VALUE="MOVIE">电影
<INPUT TYPE="CHECKBOX" NAME="SEX" VALUE="BOOK">看书
</FORM>
显示结果
其有下列可设定之属性:
·    NAME="名称",是设定此一栏的名称,程序中常会用到。
·    VALUE="内容",是设定此一栏的内容、值或是意义。
·    ALIGN="对齐方式",是设定此一栏的对齐方式,其值有:TOP(向上对齐)、MIDDLE(向中对齐)、BOTTOM(向下对齐)、RIGHT(向右对齐)、LEFT(向左对齐)、TEXTTOP(向文字顶部对齐)、BASELINE(向文字底部对齐)、ABSMIDDLE(绝对居中)、ABSBOTTOM(绝对置下)等。
·    CHECKED,是设定此一栏为预设选取值。
4.       密码表单:利用TYPE=" PASSWORD "就会产生一个密码表单,密码表单和文字输入表单长得几乎一样,差別就在于密码表单在输入时全部会以星号来取代输入的文字,以防他人偷窥。
原始代码
<FORM>
请输入密码:<INPUT TYPE="PASSWORD" NAME="INPUT">
</FORM>
显示结果
其有下列可设定之属性:
·    NAME="名称",是设定此一栏的名称,程序中常会用到。
·    SIZE="数值",是设定此一栏显示的宽度。
·    VALUE="预设内容",是设定此一栏的预设内容。
·    ALIGN="对齐方式",是设定此一栏的对齐方式,其值有:TOP(向上对齐)、MIDDLE(向中对齐)、BOTTOM(向下对齐)、RIGHT(向右对齐)、LEFT(向左对齐)、TEXTTOP(向文字顶部对齐)、BASELINE(向文字底部对齐)、ABSMIDDLE(绝对居中)、ABSBOTTOM(绝对置下)等。
·    MAXLENGTH="数值",是设定此一栏可设定输入的最大长度。
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
十天学会ASP(要点)
使用post与使用get区别(asp、jsp)
HTML图片提交按钮
常见的网页界面设计规范问题
ASP初级教程2
bootstrap4 导航栏表单与按钮
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服