HTML的表单标签使用

使用<form>表单标签,与用户交互

语法:<from method="传输方式" action="服务器文件">
    其中传输方式有俩种,分别是get或者post。其中get是用于从服务器得到数据,而post是向服务器传输数据。两者有较大的区别。
    在安全性来讲post更优于get。在method设置为git时,浏览器会与表单处理服务器建立连接,然后直接在一个传输步骤中发送所有的表单数据:浏览器会将数据直接附在表单的 action URL 之后。这两者之间用问号进行分隔。在设置为 post 样式的应用程序开始执行时,就应该从一个标志位置读取参数,而一旦读到参数,在应用程序能够使用这些表单值以前,必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接受这些参数。

输入框

语法:<from> <input type="text/password" name="名称" value="文本"/> </form>

  1. type:当type=“text”时,输入框为文本输入框
          当tpye="password"时,输入框为密码输入框
  2. name:为文本框命名,以备后台程序ASP、PHP使用
  3. value:为文本输入框设置默认值(一般起到提示作用)
    附:当用户需要多行稳住时,需要文字域。
        语法:<textarea rows="行数" cols="列数">文本信息</textarea>
使用单选框,复选框,让用户选择

语法:input type="radio/checkbox" value="值" name="名称" checked="checked"/>

  1. type="radio"时控件为单选框;
    type="checked"时控件为复选框。
  2. value:提交数据到服务器的值(后台程序PHP使用)
  3. name:为控件命名,以备后台程序ASP、PHP使用
  4. checked:当设置checked="checked"时,该选项被默认选中
使用下拉列表框,节省空间
  1. value 语法:<option value="提交值">选项</option>
    value是向服务器提交的值,选项是显示的值
  2. selected="selected"
    设置selected="selected",则选项默认为被选择
    <option value="旅游" selected="selected">旅游</option>
使用下拉列表框进行多选

在<select>标签中设置multple="multiple"属性,则可以实现多选

使用提交按钮,提交数据

语法:<input type="submit" value="提交">
只有type设置为submit时,才有提交按钮;value:按钮上显示的文字

使用重置按钮

语法:<input type="reset" value="重置">
只有type设置为reset时,才有重置功能

文件上传

语法:<input value="文件" name="文件名" accept="规定文件类型">

文章著作权归饥人谷_蒋恒和饥人谷所有,转载须说明来源

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,810评论 19 139
  • 一生辗转千万里,莫问成败重几许,得之坦然,失之淡然,与其在别人的辉煌里仰望,不如亲手点亮自己的心灯,扬帆远航,把握...
    刘娇阅读 2,312评论 4 26
  • 【1】 前几天,在广西老家上大学的高中同学小然在QQ上找我诉苦,霞,我快熬不下去了,我现在每天觉得好累,身心疲惫,...
    念夏虹阅读 9,468评论 26 43

友情链接更多精彩内容