位置:首页 > 软件操作教程 > 编程开发 > PHP > 问题详情

PHP 表单元素——输入域标记<input>

提问人:刘团圆发布时间:2021-01-13

    输入域标记<input>是表单中最常用的标记之一。常用的文本框、按钮、单选按钮、复选框等构成了一个完整的表单。

    语法格式如下:

    <form>

      <input name="file_name" type="type_name"> 

    </form>

    其中,name是指输入域的名称,type是指输入域的类型。在〈input type="">标记中一共提供了10 种类型的输入区域,用户所选择使用的类型由type属性决定。type属性取值及举例如表所示。

运行结果

text

input name="user" type="text" value=

"纯净水"size:" 12" maxlength="1000">

name为文本框的名称,value是文本框 的默认值,size指文本框的宽度(以字 符为单位),niaxlength指文本框的最 大输入字符数

添加一个文本框:




丨纯净水

password

input name=Mpwd" type=Mpassword"value= "666666" size-'12" maxlength="20">

密码域,用户在该文本框中输入的字符 将被替换显示为*,以起到保密作用

添加一个密码域:

|氺本木本本本

file

input name=,,file" type=,,file,,enctype= ,,multipart/form-dataMsize=M 16" maxlength="200"

文件域,当文件上传时,可用来打开一个 模式窗口以选择文件,然后将文件通过表 单上传到服务器,如上传Word文件等。

必须注意的是,上传文件时需要指明表单 的属性 enctype=Mmultipart/form*data_’才可 以实现上传功能

添加一个文件域:

1 .…|

image

input name="imageField" typc="image" src="images/banner.gif' width=" 120"heiglit=

"24" bordei-"0">

图像域是指可以用在提交按钮位置上 的图片,这幅图片具有按钮的功能

添加一个图像域:

运行结果

radio

input name="sex" type="radio" value=

"1" checked

input name="sex" type="radio" value: "0">女

单选按钮,用于设罝一组选项,用户只 能选择一项。checked属性用来设贤该 单选按钮默认被选中

添加一组单选按钮 (例如,您的性别 为:

^f

checkbox

input namc="checkbox" type="chcckbox"

valuc=" 1 '* checked

封面

input name="checkbox" typc=,,checkbox"

value=" 1" checked

正文内容

input name="checkbox" type="checkbox" value="0"> 价格

复选框,允许用户选择多个选项。 checked诚性用來设置该复选框默认被 选中。例如,收集个人信息时,要求在 个人爱好的选项中进行多项选择等

添加一组鉍选框,

(例如,影响您购 买本书的因索:

P封面 ^正文内容 r价格

submit

input type="submit"name=MSubmit,,value="

提交">

将表单的内容提交到服务器端

添加一个提交按钮:

1

reset

input type="reset" name="Submit" value=" 重冒">

清除与M置表单内容,用于淸除表单中 所有文本框的内容,并使选择菜单项恢 复到初始值

添加一个重罝按钮:

MJ

button

input type="button" name="Submit" value= ”按钮>

按钮可以激发提交表单的动作,可以在用 户需要修改表单时,将表单恢复到初始的 状态,还可以依照程序的需要发挥其他作 用。普迎按钮一般是配合JavaScript脚木 进行表单处理的

添加一个普通按钮:

按钮|

hidden

input type="hidden" name="bookid">

隐藏域,用于在表单中以隐含方式提交变 量值。隐藏域在页面中对于用户是不可见 的,添加隐藏域的目的在于通过隐藏的方 式收集或者发送信息。浏览者单击“发 送按钮发送表单时,隐藏域的信息也被 一起发送到action指定的处理页

添加一个隐藏域:

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部