php学习之html属性-表单(五)

表单标记

  • 普通文本框:<input type=”text” name=”名称” value=”值,不写value默认为空”>
  • 密码框:<input type=”password” name=”名称” value=”值,不写value默认为空”>
  • 单选按钮:<input type=”radio” name=”名称” value=”值”>
  • 多选框:<input type=”checkbox” name=”名称” value=”值”>
  • 下拉菜单:

<select name=”名称”>

<option value=”值”>描述</option>

<option value=”值”>描述</option>

</select>

上传:<input type=”file” name=”名称” value=””>

上传必须在form属性中设置,而且必须是post方式

  • 按钮:
    • 提交:<input type=”submit” value=”显示在按钮上的名称”>
    • 图片提交:<input type=”image” src=”图片地址” value=””>
    • 普通按钮:没有任何意义的按钮,和js关联使用<input type=”button” name=”值” value=”名称”>
    • 重置按钮:<input type=”reset” name=”值” value=”名称”>
  • 隐藏域:在浏览器中看不到的传递数据表单<input type=”hidden” name=”值” value=”值”>
  • 多行文本域:<textarea rows=”行” cols=”列” value=”值” name=”名称”></textarea>
  • form标记:是表单域的现实,需要用form标记把表单内容括起来,这时候才可以提交,原因是form中的属性中有:提交方式(get和post)、提交地址(具体提交页面)、上传文件的设置(如果不设置无法上传)
    • 提交地址:action=”具体的地址”
    • 提交方式:method        值:get和post,在网页中数据直接的传递,只有get和post方式
      • get方式:数据以浏览器地址栏的方式(明文)提交到另一个页面中。要提交到的页面路径和名称?参数名=值&参数名=值。。。。。
        • d:/getuser.php?username=123&password=123456
        • <a herf=”d:/getuser.php?”>你好</a>
        • get方式传递数据有表达和超链接,表单是用户自己填写的数据,超链接是管理员规定要传的数据
      • post方式:数据隐藏方式传递,post现在是有表单传递

数据传递的信息方式:有文本、图片、视频等

enctype:指定表单的编码方式(解码方式),这个属性只能在method=”post”方法中

  1. application/x-www-form-urlenncoded是默认值,可以在AJAX中见到xmlHttp.setRequestHeader(“Content-Type”,”application/x-www-form- urlencoded”); 这两个要做的是同一件事情,就是设置表单传输的编码。在AJAX里不写有可能会报错,但是在HTML的form表单里是可以不写 enctype=”application/x-www-form-urlencoded”的,因为默认HTML表单就是这种传输编码类型。
  2. multipart/form-data是用来指定传输数据的特殊类型的,主要是我们上传的非文本的内容人,比如图片或者mp3视频等
  3. text/plain是纯文本传输的意思,在发送邮件时要设置这种编码类型的,否则会出现接受时编码混乱的问题,网络上经常拿text/plain和text/html做比较1和3都不能用于上传文件,只有multipart/form-data才能传递文件数据
<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>表单</title>

 </head>

 <body>

 <form method="get" action="./user.php" enctype="">

用户名:<input type="text" name="user_name" value=""><br>           <!--type类型为text属于普通文本类型-->

密  码:<input type="password" name="pass_word" value=""><br>       <!--type类型为password属于密码暗文显示-->

性  别:<input type="radio" name="sex" value="男">男<!--type类型radio属于单选框-->

<input type="radio" name="sex" value="女">女<br>

爱  好:<input type="checkbox" name="aihao" value="学习">学习<!--type类型checkbox属于多选-->

<input type="checkbox" name="aihao" value="测试">测试

<input type="checkbox" name="aihao" value="程序员">程序员

<input type="checkbox" name="aihao" value="UI">UI

<input type="checkbox" name="aihao" value="运营">运营<br>

学  习:<select name="xuexi"><!--select下拉菜单-->

<option value="小学">小学</option>

<option value="中学">中学</option>

<option value="大学">大学</option>

</select><br>

头  像:<input type="file" name="touxiang" value=""><br><!--type类型file上传文件-->

<input type="hidden" name="id" value="1"><!--隐藏域,-->

个人介绍:<br><textarea name="miaos" rows="10" cols="50"></textarea><br><!--多行文本框-->

<input type="submit" value="提交"><!--type类型为submit提交表单-->

<input type="image" src="./images/1.jpg" value="提交"><!--type类型为image提交按钮为图片-->

<input type="reset" value="重置"><!--tpye类型为restet重置按钮-->

 </form>

<a href="./user.php"?id=13000000000>点我</a>

 </body>

</html>

您暂时无权访问此隐藏内容!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏编程之路

羊皮书APP(Android版)开发系列(一)Icon图片生成神器

        工欲善其事,必先利其器,我们要开发一款app,首先我们肯定要知道app的名字,其次我们就要准备app的logo图片,而这个logo图片又有多种尺...

10330
来自专栏Youngxj

emlog新方法:导航栏加入Font Awesome图标,可自定义

24730
来自专栏向治洪

Vue.js快速入门

Vue.js简介 Vue.js(读音 /vjuː/, 类似于view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设...

29390
来自专栏更流畅、简洁的软件开发方式

分页控件的使用能不能再简单一点呢,能不能一个页面搞定所有的列表需求?

目的: 1、一个页面(DataList.aspx)可以显示多个模块的列表功能。      一般是有一个列表需求就需要一个aspx文件,如果有100个列表,...

32650
来自专栏macOS 开发学习

Mac开发之 Cocoa 绑定 入门

从iOS开发转为Mac OSX应用开发的过程中,cocoa 绑定算是比较大的一个差异,也是OSX上比较实用的技术,cocoa 绑定让开发者节省了大量的代码,可以...

13520
来自专栏数据结构笔记

python爬虫系列之 xpath实战:批量下载壁纸

我们要爬取的目标网站是:http://www.netbian.com/,这个网站长这样:

41940
来自专栏沈唁志

几个实用的 WordPress 代码片段

16930
来自专栏葡萄城控件技术团队

Angular的12个经典问题,看看你能答对几个?(文末附带Angular测试)

Angular作为目前最为流行的前端框架,受到了前端开发者的普遍欢迎。不论是初学Angular的新手,还是有一定Angular开发经验的开发者,了解本文中的12...

22180
来自专栏小特工作室

Navi.Soft31.WinForm框架(含下载地址)

1概述 1.1应用场景 尽管互联网高速发展,互联网软件也随之越来越多,但桌面应用程序在某些领域中还是不可替代,如MIS,ERP,CRM等软件产品,同时,这类软件...

39070
来自专栏Java帮帮-微信公众号-技术文章全总结

IntelliJ IDEA常用酷炫插件【面试+工作】

最近大部分开发IDE工具都切换到了,所以也花了点心思去找了相关的插件。这里整理的适合各种语言开发的通用插件,也排除掉IntelliJ IDEA自带的常用插件了(...

39730

扫码关注云+社区

领取腾讯云代金券