HTML_03_基础表单属性

举报
孙中明 发表于 2022/01/23 01:18:32 2022/01/23
【摘要】 表单的介绍 可以获取客户端 的数据 有各种各样的控件 功能:有交互功能 原理 : 浏览必要的信息 点击按钮 数据进行验证 如果通过要求就提交到服务器 放到数据库中 php 对数据处理 添加删除 更改 查询数据 &l...
表单的介绍

可以获取客户端 的数据 有各种各样的控件
功能:有交互功能

原理 :
浏览必要的信息 点击按钮 数据进行验证
如果通过要求就提交到服务器 放到数据库中
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>
//宽度无法编辑 用空格&nbsp 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.blog.csdn.net,作者:孙中明,版权归原作者所有,如需转载,请联系作者。

原文链接:hiszm.blog.csdn.net/article/details/52895734

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。