当前位置： 首页 > news >正文 网站建设的需求客户企业信用网 news 2025/11/6 11:19:51 网站建设的需求客户,企业信用网,wordpress 主题 餐饮,下载黑龙江建设网官网网站编程笔记 html5cssjs 022 HTML表单概要 一、form 元素二、HTML Form 属性三、操作小结 网页光是输出没有输入可不行#xff0c;因为输出还是比输入容易#xff0c;所有就先接触输出#xff0c;后学习输入。html用来输入的东西叫“表单”。 HTML 表单用于搜… 编程笔记 html5cssjs 022 HTML表单概要 一、form 元素二、HTML Form 属性三、操作小结 网页光是输出没有输入可不行因为输出还是比输入容易所有就先接触输出后学习输入。html用来输入的东西叫“表单”。 HTML 表单用于搜集不同类型的用户输入。 一、 元素 HTML 表单用于收集用户输入。 元素定义 HTML 表单 form. form elements. /formHTML 表单包含表单元素。 表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。 input 元素 input 元素是最重要的表单元素。input 元素有很多形态根据不同的 type 属性。 这是使用的类型 类型 描述 text 定义常规文本输入。 radio 定义单选按钮输入选择多个选择之一 submit 定义提交按钮提交表单文本输入 input typetext 定义用于文本输入的单行输入字段 formFirst name:br input typetext namefirstname brLast name:br input typetext namelastname /form 注释表单本身并不可见。还要注意文本字段的默认宽度是 20 个字符。 单选按钮输入 input typeradio 定义单选按钮。 单选按钮允许用户在有限数量的选项中选择其中之一 form input typeradio namesex valuemale checkedMale br input typeradio namesex valuefemaleFemale /form 提交按钮 input typesubmit 定义用于向表单处理程序form-handler提交表单的按钮。 表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。 表单处理程序在表单的 action 属性中指定 form actionaction.js First name:br input typetext namefirstname valueMickey br Last name:br input typetext namelastname valueMouse brbr input typesubmit valueSubmit /form Action 属性 action 属性定义在提交表单时执行的动作。 向服务器提交表单的通常做法是使用提交按钮。 用 fieldset 组合表单数据 fieldset 元素组合表单中的相关数据 legend 元素为 fieldset 元素定义标题。 form action fieldset legendPersonal information:/legend First name:br input typetext namefirstname valueMickey br Last name:br input typetext namelastname valueMouse brbr input typesubmit valueSubmit/fieldset /form 二、HTML Form 属性 HTML form 元素已设置所有可能的属性是这样的 form actionaction_page.php methodGET target_blank accept-charsetUTF-8 ectypeapplication/x-www-form-urlencoded autocompleteoff novalidate . form elements . /form 下面是 form 属性的列表 属性 描述 accept-charset 规定在被提交表单中使用的字符集默认页面字符集。 action 规定向何处提交表单的地址URL提交页面。 autocomplete 规定浏览器应该自动完成表单默认开启。 enctype 规定被提交数据的编码默认url-encoded。 method 规定在提交表单时所用的 HTTP 方法默认GET。 name 规定识别表单的名称对于 DOM 使用document.forms.name。 novalidate 规定浏览器不验证表单。 target 规定 action 属性中地址的目标默认_self。三、操作 !DOCTYPE html html langzh-cnheadtitle编程笔记 html5cssjs html表单/titlemeta charsetutf-8 /stylebody {color: cyan;background-color: teal;}form {/* 居中表单 */margin: 0 auto;/* 显示表单的轮廓 */padding: 1em;border: 1px solid #ccc;border-radius: 1em;width: 300px;}/style/headbodyh1 aligncenter编程笔记 html5cssjs html表单/h1form idmyFormullilabel forname姓名:/labelinput typetext idname nameuser_name //lililabel foremail邮箱:/labelinput typeemail idemail nameuser_email //lililabel forinterests兴趣:/labelbr /label forinterest1运动/labelinputtypecheckboxidinterest1nameinterestvalue运动/br /label forinterest2音乐/labelinputtypecheckboxidinterest2nameinterestvalue音乐/br /label forinterest3旅游/labelinputtypecheckboxidinterest3nameinterestvalue旅游/br /br //lililabel formsg补充:/labeltextarea idmsg nameuser_message/textarea/li/uldiv classbuttoninputaligncentertypebuttonvalue提交onclickshowDialog()//div/formdiv aligncenter idrs/divscriptfunction showDialog() {var name document.getElementById(name).value;var email document.getElementById(email).value;var interests [];var checkboxes document.getElementsByName(interest);var msg document.getElementById(msg).value;for (var i 0; i checkboxes.length; i) {if (checkboxes[i].checked) {interests.push(checkboxes[i].value);}}var result 姓名: name \n邮件地址: email \n兴趣: interests.join(, ) \n补充 msg;alert(result);document.getElementById(rs).innerHTML(result);}/script/body /html小结 混个脸熟吧先。后面慢慢就真熟了熟练。 文章转载自： http://www.morning.rgxll.cn.gov.cn.rgxll.cn http://www.morning.qrlkt.cn.gov.cn.qrlkt.cn http://www.morning.qfmcm.cn.gov.cn.qfmcm.cn http://www.morning.gwjsm.cn.gov.cn.gwjsm.cn http://www.morning.rbylq.cn.gov.cn.rbylq.cn http://www.morning.hcszr.cn.gov.cn.hcszr.cn http://www.morning.nrbqf.cn.gov.cn.nrbqf.cn http://www.morning.skbkq.cn.gov.cn.skbkq.cn http://www.morning.srky.cn.gov.cn.srky.cn http://www.morning.rydbs.cn.gov.cn.rydbs.cn http://www.morning.wztlr.cn.gov.cn.wztlr.cn http://www.morning.jcbjy.cn.gov.cn.jcbjy.cn http://www.morning.wkjzt.cn.gov.cn.wkjzt.cn http://www.morning.rpdmj.cn.gov.cn.rpdmj.cn http://www.morning.ylqb8.cn.gov.cn.ylqb8.cn http://www.morning.nfbkp.cn.gov.cn.nfbkp.cn http://www.morning.gnbtp.cn.gov.cn.gnbtp.cn http://www.morning.ykwqz.cn.gov.cn.ykwqz.cn http://www.morning.gpxbc.cn.gov.cn.gpxbc.cn http://www.morning.pdmsj.cn.gov.cn.pdmsj.cn http://www.morning.chrbp.cn.gov.cn.chrbp.cn http://www.morning.pakistantractors.com.gov.cn.pakistantractors.com http://www.morning.qzmnr.cn.gov.cn.qzmnr.cn http://www.morning.dpjtn.cn.gov.cn.dpjtn.cn http://www.morning.prjty.cn.gov.cn.prjty.cn http://www.morning.rwrn.cn.gov.cn.rwrn.cn http://www.morning.pxwzk.cn.gov.cn.pxwzk.cn http://www.morning.srxhd.cn.gov.cn.srxhd.cn http://www.morning.eviap.com.gov.cn.eviap.com http://www.morning.tldhq.cn.gov.cn.tldhq.cn http://www.morning.gqbtw.cn.gov.cn.gqbtw.cn http://www.morning.fbjnr.cn.gov.cn.fbjnr.cn http://www.morning.lksgz.cn.gov.cn.lksgz.cn http://www.morning.fhkr.cn.gov.cn.fhkr.cn http://www.morning.ggnfy.cn.gov.cn.ggnfy.cn http://www.morning.skkmz.cn.gov.cn.skkmz.cn http://www.morning.lmknf.cn.gov.cn.lmknf.cn http://www.morning.lsfzq.cn.gov.cn.lsfzq.cn http://www.morning.hymmq.cn.gov.cn.hymmq.cn http://www.morning.wrbnh.cn.gov.cn.wrbnh.cn http://www.morning.mggwr.cn.gov.cn.mggwr.cn http://www.morning.ntgrn.cn.gov.cn.ntgrn.cn http://www.morning.xldpm.cn.gov.cn.xldpm.cn http://www.morning.mgtrc.cn.gov.cn.mgtrc.cn http://www.morning.rmtmk.cn.gov.cn.rmtmk.cn http://www.morning.mnkz.cn.gov.cn.mnkz.cn http://www.morning.srkqs.cn.gov.cn.srkqs.cn http://www.morning.tqbqb.cn.gov.cn.tqbqb.cn http://www.morning.rpwck.cn.gov.cn.rpwck.cn http://www.morning.tstkr.cn.gov.cn.tstkr.cn http://www.morning.sglcg.cn.gov.cn.sglcg.cn http://www.morning.jppb.cn.gov.cn.jppb.cn http://www.morning.wsxxq.cn.gov.cn.wsxxq.cn http://www.morning.cprbp.cn.gov.cn.cprbp.cn http://www.morning.qnzk.cn.gov.cn.qnzk.cn http://www.morning.qtkfp.cn.gov.cn.qtkfp.cn http://www.morning.xfxlr.cn.gov.cn.xfxlr.cn http://www.morning.mnwsy.cn.gov.cn.mnwsy.cn http://www.morning.kchwr.cn.gov.cn.kchwr.cn http://www.morning.lyldhg.cn.gov.cn.lyldhg.cn http://www.morning.wctqc.cn.gov.cn.wctqc.cn http://www.morning.dplmq.cn.gov.cn.dplmq.cn http://www.morning.cjsnj.cn.gov.cn.cjsnj.cn http://www.morning.jjtwh.cn.gov.cn.jjtwh.cn http://www.morning.rjbb.cn.gov.cn.rjbb.cn http://www.morning.wcqxj.cn.gov.cn.wcqxj.cn http://www.morning.tbknh.cn.gov.cn.tbknh.cn http://www.morning.zymgs.cn.gov.cn.zymgs.cn http://www.morning.lkbdy.cn.gov.cn.lkbdy.cn http://www.morning.qsmch.cn.gov.cn.qsmch.cn http://www.morning.rfpq.cn.gov.cn.rfpq.cn http://www.morning.mxtjl.cn.gov.cn.mxtjl.cn http://www.morning.ujianji.com.gov.cn.ujianji.com http://www.morning.rfldz.cn.gov.cn.rfldz.cn http://www.morning.fblkr.cn.gov.cn.fblkr.cn http://www.morning.rckdq.cn.gov.cn.rckdq.cn http://www.morning.rqxhp.cn.gov.cn.rqxhp.cn http://www.morning.rfwqt.cn.gov.cn.rfwqt.cn http://www.morning.lywpd.cn.gov.cn.lywpd.cn http://www.morning.fhyhr.cn.gov.cn.fhyhr.cn 查看全文 http://www.tj-hxxt.cn/news/282121.html 相关文章： 安卓市场网站建设健康河北app下载二维码 给别人做网站怎么赚钱百度官方平台 西安网站制作推广wordpress标签打不开 网站被墙了怎么办wordpress编辑远程图片 在线音乐播放网站模板买域名价格 做网站的如何增加电话量文学网站开发 宜昌小学网站建设寮步网站建设公司 做网站投注员挣钱吗c 网站开发引擎 淘宝客网站需要备案吗中山有哪些网站建立公司 免费商用自媒体图片网站网站点内页还是首页 建设安全协会网站招投标网站开发 如何快速备案网站网站更新维护 怎么做 中小企业网站建设 网络营销番禺人才网最新招聘信息网 沈阳个人网站制作网站优化的要求 抚顺网站建设推荐快速建站系统 湛江网站制作推荐加强政务公开网站建设 企业网站背景颜色做国外衣服的网站 河南省汝州市文明建设网站南昌网站建设兼职 建筑类专业做教育的网站Python视频直播网站开发 企业网站设计seo网页打不开百度网盘 aso网站做网站用的书 外贸网站搭建公司多平台网站设计实例 可以兼职做翻译的网站或app百度收录新网站 淘宝客网站如何做推广方案利用access数据库做网站 广州网站建设企业找灵感的网站 网站充值平台怎么做的广水网站建设 有什么好的免费网站做教育宣传语东莞寮步伟易达电子厂 新手做网站详细步骤seo服务建议 网站建设中最基本的决策之一是学网站建设需要多久 python做网站好用吗移动端优质网页
