html的表单

1.input属性

1)type:text,password,radio(单选框),checkbox(多选框),button,image,reset(重置按钮),submit(提交表单),hidden(隐藏域)

注意:单选框互斥,设置name属性,name属性设置相同的值。单选框的默认选中,添加checked属性为checked

2)value给于默认值

3)src="图片.jpg"

4)submit

1.提交到远程的服务器,需要给form表单添加一个action,通过该属性指定需要提交到服务器的地址

2.需要给需要提交到服务器的表单元素添加一个name的属性

3)隐藏域

作用:配合按钮将一些数据默默的提交到服务器

Ajax

2.如何把input属性和form表单聚焦到一起

方法:通过label标签绑定起来,给输入框添加一个id的属性,在label标签中通过for属性和输入框中的id进行绑定

<label for="account">账号:</label><input type="text" id="account">

=<label >账号<input type="text"></label>


实例代码
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 使用<form>表单标签,与用户交互 语法:<from method="传输方式" action="服务器文件">...
    18K纯帅咸鱼阅读 3,021评论 0 0
  • 1. form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 在开发WEB程序过程中,表单是页面...
    PhilongHuynh阅读 1,688评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,237评论 19 139
  • 表单基础知识 在HTML中,表单是由 元素来表示的,而在JS中,表单对应的则是HTMLFormElement类型。...
    oWSQo阅读 4,410评论 0 1
  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于接收不同类型的用户输...
    大胡子歌歌阅读 4,436评论 0 1

友情链接更多精彩内容