【HTML】为网页添加表单(控件)

11,301次阅读
没有评论

共计 1043 个字符,预计需要花费 3 分钟才能阅读完成。

1、表单

表单控件 :包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
提示信息 :一个表单中通常需要包含一些说明性的文字,提示用户进行填写和操作。
表单域:相当于一个容器,用来容纳所有的表单控件和提示信息。

2、创建表单

各种表单控件

表单控件:表单控件是表单的核心部分,常见的表单控件有、、。
action:action 属性用于指定接收并处理表单数据的服务器程序的 url 地址。
method:method 属性用于设置表单数据的提交方式,其取值为 get 或 post。
name:name 属性用于指定表单的名称,以区分同一个页面中的多个表单。

3、input 控件

浏览网页时经常会看到单行文本输入框、单选按钮、复选框、提交按钮、重置按钮等,要想定义这些元素就需要使用 input 控件。


【HTML】为网页添加表单(控件)


"Content-Type" content="text/html; charset=utf-8" />
input 控件


"#" method="post"> 用户名: "text" value="张三" maxlength="6" />

密码: "password" size="40" />

性别: "radio" name="sex" checked="checked" />男 "radio" name="sex" />女

兴趣: "checkbox" />唱歌 "checkbox" />跳舞 "checkbox" />游泳

上传头像:"file" />

"submit" /> "reset" /> "button" value="普通按钮" /> "image" src="img/login.gif" /> "hidden" />

效果图:
【HTML】为网页添加表单(控件)

4、textarea 控件


cols 和 rows 为标记的必须属性,其中 cols 用来定义多行文本输入框每行中的字符数,rows 用来定义多行文本输入框显示的行数,取值均为正整数。
【HTML】为网页添加表单(控件)


"#" method="post"> 评论:


"submit" value="提交"/>

效果图:
【HTML】为网页添加表单(控件)

5、select 控件

 

【HTML】为网页添加表单(控件)


"#" method="post"> 所在校区:


特长(单选):


爱好(多选):


"submit" value="提交"/>

效果图:
在这里插入图片描述

原文地址: 【HTML】为网页添加表单(控件)

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-10-29发表,共计1043字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)