热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

form表单_HTMLForm表单

本文由编程笔记#小编为大家整理,主要介绍了HTMLForm表单相关的知识,希望对你有一定的参考价值。
本文由编程笔记#小编为大家整理,主要介绍了HTML Form表单相关的知识,希望对你有一定的参考价值。











Music













▼今天知府又上班



今天知府又上班 From 永逸 03:18






    




>
>
>
>


body内常用标签









Form表单




表单用于向服务器传输数据,从而实现用户与Web服务器的交互


表单能够包含input系列标签,比如文本字段、复选框、单选框、提交按钮等等。


表单还可以包含textarea、select、fieldset和 label标签。


表单属性



表单元素


基本概念:

html表单是HTML元素中较为复杂的部分,表单往往和脚本、动态页面、数据处理等功能相结合,因此它是制作动态网站很重要的内容。

表单一般用来收集用户的输入信息

表单工作原理:

访问者在浏览有表单的网页时,可填写必需的信息,然后按某个按钮提交。这些信息通过Internet传送到服务器上。 

服务器上专门的程序对这些数据进行处理,如果有错误会返回错误信息,并要求纠正错误。当数据完整无误后,服务器反馈一个输入完成的信息。




HTML Form表单

input


元素会根据不同的 type 属性,变化为多种形态。


HTML Form表单


举个栗子:














   


   





   


        账号:>


   


   


        密码:<input type="password">


   


    <input type="submit" value="提交">





    MsgBox v


End Sub










一个最简单的文本和密码框和提交按钮。


HTML Form表单

默认值和占位值














   


   





   


        用户:value="路人123">


   


   


        账号: placeholder="路人123">


   


   


        密码:


   




   


       


   















HTML Form表单




HTML Form表单


属性说明:


name:表单提交时的“键”,注意和id的区别


value:表单提交时对应项的值

    type="button", "reset", "submit"时,为按钮上显示的文本内容

    type="text","password","hidden"时,为输入框的初始值

    type="checkbox", "radio", "file",为输入相关联的值


checked:radio和checkbox默认被选中的项


readonly:text和password设置只读


disabled:所有input均适用




HTML Form表单




单选框










 





   


   





   


        账号:


   


   


        密码:


   




   


        性别:


        <input name="gender" type="radio">男


        <input name="gender" type="radio">女


   




   















HTML Form表单




HTML Form表单






多选框












   


   





   


        账号:


   


   


        密码:


   




   


        性别:


       


       


   




   


        爱好:


        篮球


        足球


        排球


   




    


   
















HTML Form表单







HTML Form表单






select标签












   


   





   


        账号:


   


   


        密码:


   




   


        性别:


       


       


   




   


        爱好:


        篮球


        足球


        排球


   




   




   


       


   




















HTML Form表单








其他属性:

















   


   





   


        账号:


   


   


        密码:


   




   


        性别:


       


       


   




   


        爱好:


        篮球


        足球


        排球


   




   




   


       


   

















multiple:布尔属性,设置后为多选,否则默认单选

disabled:禁用

selected:默认选中该项

value:定义提交时的选项值







HTML Form表单


label标签




定义:

说明:


label 元素不会向用户呈现任何特殊效果。












示例












 


 











HTML Form表单

textarea多行文本












示例




















属性说明:


name:名称

rows:行数

cols:列数

disabled:禁用



HTML Form表单







注意事项:




所有获取用户输入的标签都必须放在form表单里面




cation控制着往哪儿提交




inputselect extarea 都需要有name属性






以上是一些简单的登记,以后用到再做详细记录。








附上音乐下载链接:

链接:https://pan.baidu.com/s/1mLN4f5ZkXjlMC_vue9PXRg

提取码:ov7h
















































































推荐阅读
  • springMVC JRS303验证 ... [详细]
  • 使用JS、HTML5和C3创建自定义弹出窗口
    本文介绍如何结合JavaScript、HTML5和C3.js来实现一个功能丰富的自定义弹出窗口。通过具体的代码示例,详细讲解了实现过程中的关键步骤和技术要点。 ... [详细]
  • 本文详细介绍了如何使用 HTML 和 CSS 对文件上传按钮进行样式美化,使用户界面更加友好和美观。 ... [详细]
  • 软件工程课堂测试2
    要做一个简单的保存网页界面,首先用jsp写出保存界面,本次界面比较简单,首先是三个提示语,后面是三个输入框,然 ... [详细]
  • 一个登陆界面
    预览截图html部分123456789101112用户登入1314邮箱名称邮箱为空15密码密码为空16登 ... [详细]
  • java文本编辑器,java文本编辑器设计思路
    java文本编辑器,java文本编辑器设计思路 ... [详细]
  • 访问一个网页的全过程
    准备:DHCPUDPIP和以太网启动主机,用一根以太网电缆连接到学校的以太网交换机,交换机又与学校的路由器相连.学校的这台路由器与一个ISP链接,此ISP(Intern ... [详细]
  • 主调|大侠_重温C++ ... [详细]
  • 本文深入探讨了MySQL中常见的面试问题,包括事务隔离级别、存储引擎选择、索引结构及优化等关键知识点。通过详细解析,帮助读者在面对BAT等大厂面试时更加从容。 ... [详细]
  • 本文深入探讨了UNIX/Linux系统中的进程间通信(IPC)机制,包括消息传递、同步和共享内存等。详细介绍了管道(Pipe)、有名管道(FIFO)、Posix和System V消息队列、互斥锁与条件变量、读写锁、信号量以及共享内存的使用方法和应用场景。 ... [详细]
  • CentOS 7.6环境下Prometheus与Grafana的集成部署指南
    本文旨在提供一套详细的步骤,指导读者如何在CentOS 7.6操作系统上成功安装和配置Prometheus 2.17.1及Grafana 6.7.2-1,实现高效的数据监控与可视化。 ... [详细]
  • 2017-2018年度《网络编程与安全》第五次实验报告
    本报告详细记录了2017-2018学年《网络编程与安全》课程第五次实验的具体内容、实验过程、遇到的问题及解决方案。 ... [详细]
  • 本文档汇总了Python编程的基础与高级面试题目,涵盖语言特性、数据结构、算法以及Web开发等多个方面,旨在帮助开发者全面掌握Python核心知识。 ... [详细]
  • 本文探讨了如何在Classic ASP中实现与PHP的hash_hmac('SHA256', $message, pack('H*', $secret))函数等效的哈希生成方法。通过分析不同实现方式及其产生的差异,提供了一种使用Microsoft .NET Framework的解决方案。 ... [详细]
  • 在项目中使用 Redis 时,了解其不同架构模式(如单节点、主从复制、哨兵模式和集群)对于确保系统的高可用性和扩展性至关重要。本文将详细探讨这些模式的特点和应用场景。 ... [详细]
author-avatar
最棒的寒冬腊月_531
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有