php表单之表单元素笔记

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

表单是属于html代码,php只是对表单提交的数据进行处理。表单是由表单元素组成的,常见的表单元素有:输入域标记<input>、选择域标记<select>和<option>、文本域标记<textarea>等。

输入域标记<input>

输入域标记在表单中是非常常用的,比如:文本框、按钮、单选按钮、复选框在表单中一般都能见到它们的踪影。

格式:

<input name="输入域名称" type="输入域样式" value="值"/>

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>输入域标记input_PHP笔记</title>
</head>
<body>
</span><form name="myform" method="post" action="#">
<span>文本框:</span><input name="mytext" type="text"/> <br/><br/>
<span>密码域:</span><input name="mypw" type="password"/>
</form>
</body>
</html>

运行结果:

type属性值

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

输入域标记详细笔记见:输入域标记< input>标签笔记

选择域标记<select>和<option>

选择域标记<select>和<option>一般是用来创建列表或菜单,用<select>和<option>选择域标记来创建菜单正常情况下只能看到菜单的一个选项,一般是为了节约空间,点击右侧的下三角打开菜单后才能看到全部的选项。选项如果超出一定数量,会自动出现混动条,可以滑动滚动条来查看各个选项。

格式:

<select name="名称" size="可见选项的数目" multiple="multiple">
<option value="选项值" selected="selected">选项1</option>
<option value="选项值" >选项2</option>
<option value="选项值" >选项3</option>
...
</select>

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>选择域标记select和option_PHP笔记</title>
</head>
<body>
<form name="myform" method="post" action="#">
<select name="名称" size="3" multiple="multiple">
<option value="html" selected="selected">html</option>
<option value="css" >css</option>
<option value="javascript" >javascript</option>
<option value="php" >php</option>
</select>
</form>
</body>
</html>

运行结果:

说明:

  1. <select>标签的size属性规定可见选项的数目,超出该数目将出现滚动条,multiple属性规定同时可选择多个选项;
  2. <option>标签的value属性定义送往服务器的选项值,selected属性规定选项默认为选中状态。

选择域标记详细笔记见:选择域标记< select>和< option>标签笔记

文本域标记<textarea>

文本域标记<textarea>是用来创建多行的文字域,可以在其中输入更多的文本内容。

格式:

<textarea name="名称" rows="行数" cols="宽度" wrap="换行方式">文本域默认内容</textarea>

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文本域标记textarea_PHP笔记</title>
</head>
<body>
<form name="myform" method="post" action="#">
<span>个人简介:</span><textarea name="mytextarea" rows="5" cols="15" wrap="hard">文本域默认内容</textarea>
</form>
</body>
</html>

运行结果:

文本域标记详细笔记见:文字域标记< textarea>标签笔记

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

发表评论


表情