php表单元素之输入域标记< input>标签笔记

原创 PHP笔记  2017-07-23 20:18  阅读 1,216 views 次

输入域标记<input>一般是用来收集用户信息,根据不同的type属性值,输入字段有不同的样式,如:文本字段、复选框、文本控件、单选按钮、按钮等等。

格式:

<input name="名称" type="样式"/>

type属性值

  • text:文本框
  • password:密码域
  • file:文件域
  • image:图像域
  • radio:单选按钮
  • checkbox:复选框
  • submit:提交
  • reset:重置
  • button:按钮
  • hidden:隐藏域

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>_PHP笔记</title>
</head>
<body>
<form name="myform" method="post" action="#">
<span>用户名:</span><input name="mytext" type="text"/> <br/>
<span>密&nbsp码:</span><input name="mypassword" type="password"/> <br/>
<input name="mysubmit" type="submit"/>
<input name="myreset" type="reset"/><br/>
性别:男<input name="myradio" type="radio"value="男" /><input name="myradio" type="radio" value="女" /><br/>
喜好:篮球<input name="mycheckbox" type="checkbox" value="篮球" />
排球<input name="mycheckbox" type="checkbox" value="排球" />
足球<input name="mycheckbox" type="checkbox" value="足球" /><br/><br/>
文件域:<input name="myfile" type="file" /><br/><br/>
图像域:<input name="myimage" type="image" width="100" height="24" border="0" src="https://www.ggbiji.com/wp-content/themes/NanaV3.132/images/logo.png" /><br/>
隐藏域:<input name="myfile" type="hidden" />
</form>
</body>
</html>

运行结果:

 

<input>标签属性(多数是html5新增属性)

  • accept:规定通过文件上传来提交的文件的类型。
  • accept:规定通过文件上传来提交的文件的类型。
  • align :不赞成使用,规定图像输入的对齐方式。
  • alt:定义图像输入的替代文本。
  • autocomplete:规定是否使用输入字段的自动完成功能。
  • autofocus:规定输入字段在页面加载时是否获得焦点。(不适用于 type="hidden")
  • checked:规定此 input 元素首次加载时应当被选中。
  • disabled:当 input 元素加载时禁用此元素。
  • form formname:规定输入字段所属的一个或多个表单。
  • formaction:覆盖表单的 action 属性。(适用于 type="submit" 和 type="image")
  • formenctype:覆盖表单的 enctype 属性。(适用于 type="submit" 和 type="image")
  • formmethod:覆盖表单的 method 属性。(适用于 type="submit" 和 type="image")
  • formnovalidate:覆盖表单的 novalidate 属性。如果使用该属性,则提交表单时不进行验证。
  • formtarget:覆盖表单的 target 属性。(适用于 type="submit" 和 type="image")
  • height:定义 input 字段的高度。(适用于 type="image")
  • list:引用包含输入字段的预定义选项的 datalist 。
  • max:规定输入字段的最大值。请与 "min" 属性配合使用,来创建合法值的范围。
  • maxlength:规定输入字段中的字符的最大长度。
  • min:规定输入字段的最小值。请与 "max" 属性配合使用,来创建合法值的范围。
  • multiple:如果使用该属性,则允许一个以上的值。
  • name:定义 input 元素的名称。
  • pattern:规定输入字段的值的模式或格式。
  • placeholder:规定帮助用户填写输入字段的提示。
  • readonly:规定输入字段为只读。
  • required:指示输入字段的值是必需的。
  • size:定义输入字段的宽度。
  • src:定义以提交按钮形式显示的图像的 URL。
  • step:规定输入字的的合法数字间隔。
  • type:规定 input 元素的类型。
  • value:规定 input 元素的值。
  • width:定义 input 字段的宽度。(适用于 type="image")

<input> 标签支持html全局属性和html事件属性

本文地址:https://www.ggbiji.com/php-input.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情