HTML_03_基础表单属性
表单的介绍
可以获取客户端 的数据 有各种各样的控件
功能:有交互功能
原理 :
浏览必要的信息 点击按钮 数据进行验证
如果通过要求就提交到服务器 放到数据库中
php 对数据处理 添加删除 更改 查询数据
<form 属性=“属性值”action=“xxx.php”>
控件
</form>
from属性
name =“game”表单的识别名称
action=“xxx.php” 对数据处理程序 就是在当前的文档
methon="get/post" 把表单提交给服务器 传递数据的方法
get
方法 默认的地址传递数据方法
通过地址栏传输表单数据
特点
不能传递敏感的 密码
不能传递大量的数据 每次只能传递1024 的字节
不能传递附件
post
方法 不是通过地址栏 直接传递给文件处理程序
特点
相对安全
可以传递海量数据
能上传附件
控件
单行文本框
<input type ="text" name="username"/>
<input type="submit" value="提交"/>
name 识别名称自定义名称 把输入框的提交数据到处理程序(命名规则 开头是字母或者下划线)
size=“50”50 个字符数字
maxlength=“20” 最多输入的字符数是20
value=“设置初始值 默认提示”
密码框(…… 隐藏输入信息)
<input type="password"/>
属性
name 密码框的识别名称
size=“50”50 个字符数字
maxlength=“20” 最多输入的字符数是20
value=“设置初始值 默认提示”
readonly=“readonly”只能选中不能修改
disable="disabled" 禁止属性 不能选中 不能修改 以火狐为主
单选按钮
语法<input type="radio"/ >
name=“自定义”
value=“每一项的值”
性别:<input type="radio" name="sex" value="1"/>男
<input type="radio" name="sex" value="0"/>女
复选框
<input type="checkbox"/>
name 多选的组名要相同
value=“每一项的值”
checked="checked"
爱好:<input type="checkebox" name="hobby" value="旅游" checked=“checked”/>旅游
<input type="checkebox" name="hobby" value="吃饭" />吃饭
<input type="checkebox" name="hobby" value="玩" />完
<input type="checkebox" name="hobby" value="你好" checked=“checked”/>你好
多行文本框
<textaree>初始值 ,不用value</textarea>
row="10" 高
col=“22” 行
name=""
请留言<textaree rows=“10”cols=“80” name=“content”>这里是初始值 </textarea>
下拉列表
<select name=“city”>
<option value=“内容”>内容</option>
<option value=“内容”>内容</option>
<option value=“内容”>内容</option>
<option value=“内容”>内容</option>
//宽度无法编辑 用空格  value可以不行
</select>
select属性
name
value
隐藏不给用户给程序用
<input type="hidden" name="id1"/>
文件域
<input type="file" name="filename">
name 文件域的识别名称
value 不写 通过点击 只读不写
按钮
提交按钮<input type="submit" value="提交"/>
图片按钮(属于提交按钮)<input type="image" src=“地址”/>
重置按钮<input type="reset" value="重新输入"/>//回复初始化
普通按钮<input type="button" value="按钮" οnclick=“ javascript:window.alert("点击了")”>
图片按钮(属于提交按钮)
xhtml
可扩展的超文本标记语言取代html
语法比html更严格
标签必须是小写
单标签必须加/
属性必须是双引号
必须有dtd document type definition 文档类型定义
文档类型定义一种验证机制
过渡性
严格型
框架性
🐳 作者:hiszm 📢 版权:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,万分感谢。 💬 留言:同时 , 如果文中有什么错误,欢迎指出。以免更多的人被误导。 |