您的位置：首页 > Web前端

【前端笔记】使用HTML创建表单项

2018-03-31 12:06 387 查看
一、表单标签<form>
表单是网页上的一个特定区域。在<form></form>之间的一切都属于表单内容。一般情况下，表单的处理程序属性action和传送方式属性method是必不可少的。
1、处理程序属性action真正处理表单的数据脚本或程序在action属性里，这个值可以是程序或脚本的一个完整URL，语法如下：
<form action="表单的处理程序">
……
</form>
eg:<body>
     <form action="youxiang@youxiang.com">
     </form>
     </body>
2、表单名称属性name

<form name="表单名称">
……
</form>
eg:<body>     <form action="youxiang@youxiang.com" name="register">
     </form>
     </body>
 3、传送方法属性method
method属性用来定义处理程序从表单中获得信息的方式，可取值GET或POST,它决定了表单中已收集的数据是用什么方法发送到服务器的。语法：

<form method="传送方式">

……

</form>

eg:<body>
     <form action="youxiang@youxiang.com" name="register" method="POST">
     </form>
     </body>
4、编码方式属性enctype表单中的enctype属性用于设置表单信息提交的编码方式。语法：<form enctype="编码方式">
……
</form>
enctype取值                                                        取值含义
text/plain                                                            以纯文本的形式传送
application/x-www-form-urlencoded                  默认的编码形式
multipart/form-data                                           MIME编码，上传文件的表单必须选择该项
5、目标显示方式属性target
target属性用来在制定目标窗口的打开方式。表单的目标窗口往往用来显示表单的返回信息，例如是否成功提交了表单的内容、是否出错等。语法：
<form target="目标窗口的打开方式">
……

</form>
target取值                                                        取值含义
_blank                                              将返回信息显示在新打开的窗口中
_parent                                             将返回信息显示在父级的浏览器窗口中
_self                                                  将返回信息显示在当前浏览器窗口中
_top                                                  将返回信息显示在顶级浏览器窗口中
二、输入标签<input>
1、文本框text
text属性用来设定在表单的文本框中，输入任何类型的文本、数字或字母。输入的内容以单行显示。语法：
<input type="text" name="控件名称" size=“控件长度”maxlength=“最长字符数”value=“文字域的默认取值”>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航