美文网首页PHP学习笔记
PHP从入门到精通,012第二章HTML-HTML的核心标记之表

PHP从入门到精通,012第二章HTML-HTML的核心标记之表

作者: 极客研习社 | 来源:发表于2018-11-05 14:09 被阅读7次

二、HTML的核心标记

(十二)、表单标记

普通文本框

<input type="text" name="在PHP接受数据时的标识名称" value="值:不写value默认为空,用户传递具体的值" />

密码框

<input type="password" name="名称" value="值:不写value默认为空" />

单选按钮

 <input type="radio" name="一组名称" value="值" />用户可以看到的内容
性别:<input type="radio" name="sex" value="男" />男
性别:<input type="radio" name="sex" value="女" />女
一组名称“sex”,只能单选。否则可以多选。

多选框

<input type="checkbox" name="一组名称" value="值" />
爱好:<input type="checkbox" name=“aihao” value="打篮球">打篮球
<input type="checkbox" name="aihao" value="跳绳">跳绳
...name必须是一组名称

下拉菜单

<select name="名称">
  <option value="值">用户可以看到的</option>
  <option value="值">描述</option>
  <option value="值">描述</option>
  <option value="值">描述</option>
</select>
学历:
<select name="xueli">
  <option value="xiaoxue">小学</option>
  <option value="zhongxue">中学</option>
  <option value="gaozhong">高中</option>
  <option value="benke">本科</option>
</select>

按钮

提交按钮
<input type="submit" value="显示到按钮上的名称" />
图片提交
<input type="image" src="图片的地址" value="值" />
普通按钮:没有任何意义的按钮,和js关联使用
<input type="button" name="值" value="名称" />
重置按钮
<input type="reset" name="值" value="名称" />

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

<input type="file" name="名称,必须有" value="" />
 头像:<input type="file" name="tou" value="" />//不可能文件直接过去,是文件的信息

form标记

form标记,是表单域的显示,需要用form标记把表单内容括起来,这个时候才可以提交,原因是form的属性中有:提交方式(get和post)、提交地址(具体提交页面)、上传文件的设置(如果不设置无法上传)

<form method="get/post" action="具体提交页面" enctype="multipart/form-data">
.............
</form>
提交地址:action="具体提交地址"
提交方式:get和post,在网站中数据直接的传递,只有get和post方式
get方式:数据以浏览器地址栏的方式(明文)提交到另一个页面中。

要提交到的页面路径和名称?参数名称=值&参数名称=值&参数名称=值...
get方式传递数据有表单和超链接
表单是用户自己填写的数据;超链接是管理员规定要传递的数据。

post方式:数据隐藏的方式传递,post现在只有表单传递。
数据传递的信息方式:有文本、有图片、视频等

Enctype:指定表单的编码方式(解密方式),这个属性只能用在method="post"方式中
1.application/x-www-form-urlencoded是默认值,可能在AJAX里见过这个:xmlHttp.setRequestHrader("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做比较,其实这两个很好区分,前者用来传输纯文本文件,后者则是传递html代码的编码类型,在发送头文件时才用得上。
1和3都不能用于上传文件,只有multipart/form-data才能完整的传递文件数据。

隐藏域:用户在浏览器中看不到的传递数据表单

<input type="hidden" name="值" value="值" />

多行文本域

<textarea rows="行0" cols="列" value="值" name="名称"></textarea>

相关文章

网友评论

    本文标题:PHP从入门到精通,012第二章HTML-HTML的核心标记之表

    本文链接:https://www.haomeiwen.com/subject/jgqrxqtx.html