HTML之交互

这篇文章介绍的内容是关于HTML之交互,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

1.网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。 

结束。

2).action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。

3).method : 数据传送的方式(get/post)。

例子:method=”post” action=”save.php”

2.当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框。


登录后复制

1)type:

   当type=”text”时,输入框为文本输入框;

   当type=”password”时, 输入框为密码输入框。

2)name:为文本框命名,以备后台程序ASP 、PHP使用。

3)value:为文本输入框设置默认值。(一般起到提示作用)
例子:
     

3.当用户需要在表单中输入大段文字时,需要用到文本输入域。

登录后复制

1)结束。

2)cols :多行输入域的列数。

3)rows :多行输入域的行数。

4)在标签之间可以输入默认值。

例:

登录后复制

4.使用单选框、复选框,让用户选择


登录后复制登录后复制登录后复制

1)type:

   当 type=”radio” 时,控件为单选框

   当 type=”checkbox” 时,控件为复选框

2)value:提交数据到服务器的值(后台程序PHP使用)

3)name:为控件命名,以备后台程序 ASP、PHP 使用

4)checked:当设置 checked=”checked” 时,该选项被默认选中

同一组的单选按钮,name 取值一定要一致,value可以不一致比如上面例子为同一个名称“radioLove”,这样同一组的单选按钮才可以起到单选的作用

5.使用下拉列表框,节省空间

选项  设置selected="selected"属性,则该选项就被默认选中。

登录后复制

6.下拉列表也可以进行多选操作,在标签中设置multiple=”multiple”属性,就可以实现多选功能,在 windows 操作系统下,进行多选时按下Ctrl键同时进行单击(在 Mac下使用 Command +单击),可以选择多个选项。  

例:


登录后复制

7.当用户需要提交表单信息到服务器时,需要用到提交按钮。


登录后复制登录后复制登录后复制

type:只有当type值设置为submit时,按钮才有提交作用
value:按钮上显示的文字

8.可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为”reset”就可以。


登录后复制登录后复制登录后复制

9.label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。
标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
label的作用就是点击“男”这个字时就相当于点击“男”后面的圆点

相关推荐:

html 图像标记 META标签 内联框架 超链接

html 图像标记 META标签 内联框架 超链接

以上就是HTML之交互 的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3086402.html

(0)
上一篇 2025年3月28日 07:31:53
下一篇 2025年3月28日 07:31:57

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • html 图像标记 META标签 内联框架 超链接

    这篇文章介绍的内容是html 图像标记 META标签 内联框架 超链接 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 1.图像标记 @@##@@ 登录后复制登录后复制 width=” ”宽度  height=” ” 高度 …

    编程技术 2025年3月28日
    000
  • 动态生成HTML元素并为元素追加属性

    这篇文章主要介绍了关于动态生成HTML元素并为元素追加属性,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 动态生成HTML元素的方法由三种: 第一种:document.createelement()创建元素,再用append…

    编程技术 2025年3月28日
    100
  • 解决html视图解析器,html乱码

    这篇文章介绍的内容是解决html视图解析器,html乱码,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 项目编码,html页面编码浏览器解析编码都应该一致 html页面可以添加: 登录后复制 html视图解析器:      …

    编程技术 2025年3月28日
    100
  • html发送邮件通过Mailto简单实现

    给客户的页脚的邮箱加上点击发送邮件功能,有简单的链接和复杂的链接,对于复杂链接有详细的参数说明,感兴趣的朋友可以参考下最近给客户的页脚的邮箱加上点击发送邮件功能,自己百度了下,解决方法很简单 1简单的做个链接就行了 复制代码 代码如下: 给…

    编程技术 2025年3月28日
    100
  • HTML元素(标签)大全及使用介绍

    这篇文章主要介绍了关于html元素(标签)大全及使用介绍,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 HTML元素(标签)大全及使用说明 a:表示超链接的起始或目的位置。 acronym:表示取首字母的缩写词。 addre…

    编程技术 2025年3月28日
    100
  • html中隐藏域hidden的作用介绍及使用示例

    这篇文章主要介绍了关于html中隐藏域hidden的作用介绍及使用示例 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使…

    编程技术 2025年3月28日
    100
  • html标签分类

    将  HTML 元素按功能进行分组。先简单会汇总下,熟悉的放前面。 根元素: 文档元数据:、、、内容分区:、、 、 、 、~ 、 、、 文本内容:、、、、、 、、 、、、 、、 、内联文本语义:、、、、、、、、、、、、、、、、、、、、、、、…

    编程技术 2025年3月28日
    100
  • HTML基础之选择器

    这篇文章介绍的内容是关于HTML基础之选择器 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 选择器的作用 可以在样式表里更加方便快捷的对html的各种样式以及属性进行操作 分类 1、标签类型选择器:对标签设置样式 a{  …

    编程技术 2025年3月28日
    100
  • Html实现歌曲歌词同步

    这篇文章主要介绍了关于Html实现歌曲歌词同步,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 nbsp;html>        歌词同步     body { background:url(“Img/起风了.jpg”…

    编程技术 2025年3月28日
    100
  • HTML 文本格式化

    这篇文章主要介绍了关于HTML 文本格式化 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 html 文本格式化 nbsp;HTML>自选教程(如约智惠.com)加粗文本斜体文本电脑自动输出这是下标 和 上标 登录后复…

    编程技术 2025年3月28日
    100

发表回复

登录后才能评论