资讯专栏INFORMATION COLUMN

python大佬养成计划----HTML网页设计(表单)

罗志环 / 1339人阅读

摘要:数据传输方式输入类控件表单元素也称表单控件,按照填写方式分为输入类和下拉菜单类。按钮的名字按钮上显示的文本重置菜单列表控件下拉菜单可以节省页面空间。是单标签,用来定义下拉菜单中的选项。表示初始被选中的选项。

当用户熟悉了静态网页制作后就能感受到它的功能单一,会想建立具有交互性的动态网站。动态网站经常用到的一个元素就是表单。表单是HTML的一个重要组成部分,是网站管理员与用户之间沟通的桥梁。

表单标签--from

是一个双标签。标签中包含的数据有表单控件及必须的伴随数据,如控件标签、处理数据的脚本等。主要有表单名称、数据处理、数据传输方式等5个基本属性,其中表单的程序处理和数据传输方式是必不可少的。

程序处理属性--action

表单本身是没有用途的,用户填入表单的信息需要程序来进行处理,表单里的"action"就定义了表单所要提交到的目的文件,该目的文件收到信息后,通常和一个程序连接实现数据的处理。
属性值可以是一个程序,也可以是一个脚本的URL地址

##表单名称属性--name
用来给表单命名。建议每一表单设定一个功能相符的名称,防止信息提交到后台程序处理时出乱。

##数据传输方式--method
定义了表单数据发送的方式,数据发送到"action"属性所规定的页面,主要针对服务端进行处理。可作为URL变量(method="get")或者HTTP post(method="post")的方式来发送。

#输入类控件
表单元素也称表单控件,按照填写方式分为输入类和下拉菜单类。用标签定义。

文本框--text

最常见的文字输入区域,在登陆区,讨论区等。在页面中以单行文本框形式显示

如果希望文本框只读,可以使用"readonly"设置


密码框--password

隐藏输入框内容,输入的字符会用"*"代替


单选框--radio

当出现多个选项而且只能选择一个时,会用到单选框。向指定某个选项默认状态下处于选中状态时,用"checked"属性定义。只能有一个单选框设置。要想传送到处理程序中,需要设置value属性。


复选框--checkbox

是可以选多个选项的选项框,也可默认多个选项都处于选中状态。


文本域--textarea

主要用于输入多行文本,常见于留言、评论区。"rows"文本域行数,"cols"文本域列数.






    
    表单标签


用户注册页面

用户名:
密    码:
确认密码:

你的年龄是: 18岁以下 19-35岁 35岁以上
你的个人爱好: 阅读 写作 运动 游戏 其他
自我介绍

按钮 标准按钮--button

常见的灰色小来块,需要关联相应的脚本程序来处理表单,"value"可以设置按钮上要显示的文本,"onclick"可以实现鼠标处理的一些功能。

提交按钮和重置按钮--

是一类特殊的按钮,不需要设置参数,也可以实现,表单数据处理。一般来说,提交按钮和重置按钮同时出现。


菜单列表控件 下拉菜单

可以节省页面空间。标签里面。"selected"表示初始被选中的选项。




    
    按钮


用户名:
密    码:

生日

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/53020.html

相关文章

  • python大佬养成计划----HTML网页设计表单

    摘要:数据传输方式输入类控件表单元素也称表单控件,按照填写方式分为输入类和下拉菜单类。按钮的名字按钮上显示的文本重置菜单列表控件下拉菜单可以节省页面空间。是单标签,用来定义下拉菜单中的选项。表示初始被选中的选项。 当用户熟悉了静态网页制作后就能感受到它的功能单一,会想建立具有交互性的动态网站。动态网站经常用到的一个元素就是表单。表单是HTML的一个重要组成部分,是网站管理员与用户之间沟通的桥...

    nevermind 评论0 收藏0
  • python大佬养成计划----JavaScript基础

    摘要:是世界上最流行的脚本语言。是属于的语言,它适用于笔记本电脑平板电脑和移动电话。被设计为向页面增加交互性。几乎每个人都有能力将小的片段添加到网页中。 JavaScript JavaScript 是世界上最流行的脚本语言。JavaScript 是属于 web 的语言,它适用于 PC、笔记本电脑、平板电脑和移动电话。JavaScript 被设计为向 HTML 页面增加交互性。许多 HTML ...

    yangrd 评论0 收藏0
  • python大佬养成计划----flask应用(表单)

    摘要:特别是可以访问请求提交的表单数据。表单的代码生成和验证提交的表单数据就是两个很好的例子。优势扩展使得处理表单能获得更愉快的体验。设计了表单库来使可以更加简便地管理操作表单数据。 1. 为什么使用Flask-WTF? request对象公开了所有客户端发送的请求信息。特别是request.form可以访问POST请求提交的表单数据。 尽管Flask的request对象提供的支持足以处理w...

    alighters 评论0 收藏0

发表评论

0条评论

罗志环

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<