网站的优化排名怎么做,什么叫定制网站,个人服务器搭建做网站,哈尔滨最专业的网站建设目录
HTML 入门手册(一)
10-表单
11-input标签
11.1文本框 (text)
11.2密码框 (password)
11.3单选按钮 (radio)
11.4复选框 (checkbox)
11.5普通按钮
11.6提交按钮 (submit)
11.7重置按钮 (reset)
11.8隐藏域 (hidden)
11.9文件上传 (file)
11.10数字输入 (numbe…目录
HTML 入门手册(一)
10-表单
11-input标签
11.1文本框 (text)
11.2密码框 (password)
11.3单选按钮 (radio)
11.4复选框 (checkbox)
11.5普通按钮
11.6提交按钮 (submit)
11.7重置按钮 (reset)
11.8隐藏域 (hidden)
11.9文件上传 (file)
11.10数字输入 (number)
11.11日期输入 (date)
12-button标签
13-下拉框
单选下拉框
多选下拉框
默认选中
下拉框组
14-多行文本textarea标签
15-多媒体
音频audio
视频video HTML 入门手册(一)
10-表单 表单用于向服务器传输数据。form 元素是块级元素其前后会产生折行表单提交时必须设置表单元素的name属性值否则无法获取数据。表单需要结合表单元素一起使用。
常用属性 action 提交表单的地址 method 提交方式 (不区别大小) GET提交 get POST提交 post target 提交数据时打开窗口的方式 当前窗口 _self 新(空白)窗口 _blank bodyform actionhttps://shuaici.blog.csdn.net/ methodget target_blank!-- 表单中的输入元素放在这里 --label forusername用户名:/labelinput typetext idusername nameusername requiredlabel forpassword密码:/labelinput typepassword idpassword namepassword requiredinput typesubmit value提交按钮/form/bodyaction 属性指定了表单数据将被提交的目标URL。 method 属性指定了提交数据的HTTP方法。 target 提交数据时打开窗口的方式。 label 元素用于标签文本提供了对应输入元素的描述。 input 元素用于创建不同类型的输入字段例如文本框和密码框。 required 属性用于指示输入字段为必填项。 typesubmit 的 input 元素创建了提交按钮。
表单中还可以包含其他类型的输入元素如单选按钮、复选框、文本域等。 Get POST GET请求与POST请求的区别: GET用于获取资源而POST用于提交数据。 GET请求的数据附在URL中POST请求的数据在请求主体中。 GET请求适用于无副作用的操作POST请求适用于有副作用的操作。 GET请求的数据对用户可见安全性较低POST请求的数据对用户不可见相对更安全。 GET请求可被缓存可以被书签保存POST请求不可被缓存不会被保存到书签中。 GET请求在URL中传递的数据有长度限制POST理论上没有限制。
11-input标签 input 标签规定了用户可以在其中输入数据的输入字段。 input 元素在 form 元素中使用用来声明允许用户输入数据的 input 控件。
输入字段可通过多种方式改变取决于 type 属性。如下 button checkbox color date datetime datetime-local email file hidden image month number password radio range reset search submit tel text time url week 以下是常见的 input 类型
11.1文本框 (text) 用于单行文本输入。
input typetext nameusername placeholder输入用户名11.2密码框 (password) 用于输入密码文本将被遮蔽。
input typepassword namepassword placeholder输入密码11.3单选按钮 (radio) 用于从一组选项中选择一个。namegender确定为同一组。
性别
input typeradio namegender value男 男
input typeradio namegender value女 女11.4复选框 (checkbox) 用于选择一个或多个选项。
爱好input typecheckbox namesubscribe valueyes听歌
input typecheckbox namesubscribe valueyes看书
input typecheckbox namesubscribe valueyes吹牛11.5普通按钮 用于提交表单数据。
input typebutton value普通按钮11.6提交按钮 (submit) 用于提交表单数据。
input typesubmit value提交按钮11.7重置按钮 (reset) 用于重置表单中的所有字段为默认值。
input typereset value重置按钮11.8隐藏域 (hidden) 用于存储不希望用户看到的数据通常用于在提交表单时传递额外的信息。
input typehidden nameuser_id value1511.9文件上传 (file) 用于用户选择并上传文件。
input typefile namefile_upload11.10数字输入 (number) 用于接受数字输入可以设置最小值、最大值和步长。 step 属性规定 input 元素的合法数字间隔。
input typenumber namequantity min1 max100 step3 value1 11.11日期输入 (date) 用于选择日期。
input typedate namebirthdate12-button标签 button 元素用于在HTML文档中创建按钮。它是与input元素中的typebutton相似但提供了更多的灵活性可以包含文本、图像、甚至其他HTML元素。
常用属性
type 这个跟 input类似。 button 普通按钮 submit 提交按钮 reset 重置(表单)按钮 name 名称 value 值
name 和 value 通常在将表单数据提交到服务器时使用。 form actionhttps://shuaici.blog.csdn.net/ methodget target_blank用户名input typetext nameusername placeholder输入用户名br密码input typepassword namepassword placeholder输入密码brbutton typebutton普通按钮/buttonbrbutton typesubmit namesubmitBtn valuesubmit提交按钮/buttonbrbutton typereset重置按钮/button/form总体而言button元素是在HTML中创建按钮的一种灵活而强大的方式可以用于执行JavaScript函数、提交表单或其他交互性操作。
13-下拉框 下拉框也称为下拉菜单或选择框是HTML中的 select 元素的一种表单元素它允许用户从一组选项中选择一个。下拉框通常与 option 元素一起使用每个 option 表示下拉框中的一个选项。 经常用于选择列表、国家/地区、产品等。
单选下拉框 form actionhttps://shuaici.blog.csdn.net/ methodget target_blank城市select namecity option valuesh上海/optionoption valuebj北京/optionoption valuegz广州/optionoption valuesz深圳/option/selectbrbrbutton typesubmit提交按钮/button/form注如果 option 不设置 valuexx 那边提交的时候会把 option 对应的值带上。 select namecity option 上海/optionoption valuebj北京/optionoption valuegz广州/optionoption valuesz深圳/option/select多选下拉框 如果你想要允许用户选择多个选项可以添加 multiple 属性
select namecolor multiple。。。。。
/select用户可以按住 Ctrl在Windows和Linux中或 Command在Mac中键来选择多个选项。 默认选中 使用 selected 属性来设置下拉框的默认选项。
select namecity option valuebj selected北京/option......
/select下拉框组 使用 optgroup 元素创建下拉框中的分组
select namecityoptgroup label国内option valuesh上海/optionoption valuebj北京/optionoption valuegz广州/optionoption valuesz深圳/option/optgroupoptgroup label国外option valuehsd花生炖/optionoption valuelsj落山鸡/optionoption valueld乱炖/option/optgroup
/select14-多行文本textarea标签 textarea 标签用于在HTML中创建多行文本输入框允许用户输入多行文本。与单行文本框 input typetext 不同textarea 允许用户输入多行文本适用于用户输入大段文本或留言等场景。
!DOCTYPE html
htmlheadmeta charsetutf-8title多行文本/title/headbody姓名input typetextbrbrbr意见textarea namefeedback idfeedback cols30 rows5 Please input your opinion/textarea/body
/htmlname 定义文本域的名称用于在表单提交时标识该字段。 rows 定义文本域的行数指定可见的文本行数。 cols 定义文本域的列数指定每行可见的字符数。 readonly 如果设置为 readonly则文本域将只读用户无法编辑。 disabled 如果设置为 disabled则文本域将禁用用户无法编辑并且在表单提交时不会提交其值。 15-多媒体 多媒体元素在HTML中用于嵌入各种媒体内容如图像、音频和视频。图像之前写到了这里咱们直接看音视频
音频audio body!-- 图片 --img srcfile:///Users/scc/Downloads/ic_qq.webp alt加载失败提示!-- 音频 --audio controlssource srcfile:///Users/scc/Downloads/demo.aac typeaudio/mp3你的浏览器不支持音频播放。/audio/body controls 启用浏览器提供的音频控件如播放、暂停、音量控制等。 source 指定音频文件的URL和类型以便浏览器选择支持的格式。 视频video
!-- 视频 --
video width300 height400 controlssource srcfile:///Users/scc/Downloads/142_1705650237.mp4 typevideo/mp4你的浏览器不支持视频播放。
/videowidth 和 height 视频播放器的宽度和高度。 controls 启用浏览器提供的视频控件如播放、暂停、全屏等。 source 指定视频文件的URL和类型以便浏览器选择支持的格式。 叮已入门。
