学前端的笨办法（一）

时间：2023-04-02 14:48:43 HTML

第一章

元素定义了表单，所有的表单输入元素都嵌套在这个元素中。action属性包含服务器脚本的URL。method属性包含发送数据的方法，可以是POST或GET。POST打包表单数据并将其作为请求的一部分发送到服务器。GET打包表单数据并将数据附加到URL。如果表单数据应该是私有的，或者如果有很多表单数据，例如使用

或文件<input>元素，则应该使用POST。对于可添加书签的请求，请使用GET。<input>元素可以充当网页上的几个不同的输入控件，具体取决于其“type”属性的值。当类型为“文本”时，将创建一个单行文本输入框。当类型为“提交”时，将创建一个提交按钮。当类型为“radio”时，将创建一个单选按钮。所有同名单选按钮组成一组互斥按钮。当类型为“checkbox”时，将创建一个复选框控件。可以通过为多个复选框指定相同的名称来创建一组选择。当类型为“数字”时，将创建一个只允许数字字符的单行文本输入控件。当类型为“范围”时，将创建一个滑块控件以提供数字输入。“颜色”类型将在支持此类型的浏览器中创建一个颜色选择器（否则它只会创建一个普通的文本输入）。“日期”类型将在支持该类型的浏览器中创建一个日期选择器（否则它只会创建一个普通的文本输入控件）。“email”、“url”和“tel”类型创建单行文本输入，并且在某些移动浏览器上出现自定义键盘以方便数据输入。<textarea>元素创建一个多行文本输入区域。<select>元素创建一个包含一个或多个<option>元素的菜单。<option>元素定义菜单中的菜单项。如果将文本放在<textarea>元素的内容中，这将成为网页上textarea控件中的默认文本。text<input>元素中的value属性可用于为单行文本输入控件提供初始值。在提交按钮上设置value属性可以更改按钮上显示的文本。提交网页表单时，表单数据值与响应数据名称配对，所有名称和值都发送到服务器。由于表单具有表格结构，因此通常使用CSS表格显示来创建表单布局。CSS还可以用来指定表单的颜色、字体样式、边框等样式。HTML允许使用<fieldset>元素组织表单元素。您可以使用<label>元素以有助于提高可访问性的方式将标签与表单元素相关联。使用占位符属性向表单用户提供有关您要在输入字段中输入的内容的提示。required属性表示需要输入字段，输入字段中必须有值，表单才能成功提交。有些浏览器会强制您在这些字段中输入数据，然后才能提交表单。</p>                        
                        
                    </div>
                </div>
                <div class="zuowen_sxy">
                                        <div class="prev">上一篇：<a title="Web多屏交互展示解决方案" href="/webqianduan/229222.html">Web多屏交互展示解决方案</a> </div>
                                        <div class="prev">下一篇：<a title="前端面试日常3+1——Day847" href="/webqianduan/229224.html">前端面试日常3+1——Day847</a> </div>
                                    </div>
                <div class="related_about">
                    <div class="related_about_t"><code>学前端的笨办法（一）相关文章</code></div>
                    <ul>
                                              <li><a href="/kejifunen/371170.html" target="_blank" title="亚马逊开创的语音交互时代">亚马逊开创的语音交互时代</a></li>
                                                <li><a href="/kejifunen/371168.html" target="_blank" title="比尔盖茨！没想到你可以用智能手表来管理你的牛群">比尔盖茨！没想到你可以用智能手表来管理你的牛群</a></li>
                                                <li><a href="/kejifunen/371163.html" target="_blank" title="奥克斯实行“使用60天不满意包退”的四大理由">奥克斯实行“使用60天不满意包退”的四大理由</a></li>
                                                <li><a href="/kejifunen/371159.html" target="_blank" title="解析可穿戴设备大数据突破硬件限制的三大关键因素">解析可穿戴设备大数据突破硬件限制的三大关键因素</a></li>
                                                <li><a href="/kejifunen/371157.html" target="_blank" title="暑假惊喜不仅是录取通知书，还有天房带来的贴心实惠的智能锁！ ">暑假惊喜不仅是录取通知书，还有天房带来的贴心实惠的智能锁！ </a></li>
                                                <li><a href="/kejifunen/371155.html" target="_blank" title="红领队是索尼OLED电视A1的粉丝，你呢？ ">红领队是索尼OLED电视A1的粉丝，你呢？ </a></li>
                                                <li><a href="/kejifunen/371149.html" target="_blank" title="可穿戴设备的天花板很低，取代手机是伪命题">可穿戴设备的天花板很低，取代手机是伪命题</a></li>
                                                <li><a href="/kejifunen/371141.html" target="_blank" title="韩国学者推出可完全替代智能手机的概念智能眼镜">韩国学者推出可完全替代智能手机的概念智能眼镜</a></li>
                                                <li><a href="/kejifunen/371140.html" target="_blank" title="从本次MWC上海看国民VR时代的六大武器">从本次MWC上海看国民VR时代的六大武器</a></li>
                                                <li><a href="/kejifunen/371136.html" target="_blank" title="风暴之镜4评测！这款让我们又爱又恨的产品">风暴之镜4评测！这款让我们又爱又恨的产品</a></li>
                                                <li><a href="/kejifunen/371135.html" target="_blank" title="颠覆传统的智能三星Gear S2外观详细解读">颠覆传统的智能三星Gear S2外观详细解读</a></li>
                                                <li><a href="/kejifunen/371131.html" target="_blank" title="Android P强力优化蓝牙耳机！自动记住多个设备的音量">Android P强力优化蓝牙耳机！自动记住多个设备的音量</a></li>
                                                <li><a href="/kejifunen/371129.html" target="_blank" title="难得一见的清华深度学习课程！我们“偷”了全套干货">难得一见的清华深度学习课程！我们“偷”了全套干货</a></li>
                                                <li><a href="/kejifunen/371124.html" target="_blank" title="神奇的智能裤，穿上它就告别轮椅！ ">神奇的智能裤，穿上它就告别轮椅！ </a></li>
                                                <li><a href="/kejifunen/371121.html" target="_blank" title="苹果的祝福！ JDI将全力进击智能手表市场">苹果的祝福！ JDI将全力进击智能手表市场</a></li>
                                                <li><a href="/kejifunen/371118.html" target="_blank" title="三星曝20个新漏洞！黑客可以控制你家的摄像头和门锁">三星曝20个新漏洞！黑客可以控制你家的摄像头和门锁</a></li>
                                                <li><a href="/kejifunen/371116.html" target="_blank" title="了解一下BOSE新款耳塞，内置10种不同的自然白噪音帮助睡眠">了解一下BOSE新款耳塞，内置10种不同的自然白噪音帮助睡眠</a></li>
                                                <li><a href="/kejifunen/371115.html" target="_blank" title="马斯克承认特斯拉自研芯片其实是被逼的！ ">马斯克承认特斯拉自研芯片其实是被逼的！ </a></li>
                                                <li><a href="/kejifunen/371113.html" target="_blank" title="智能硬件可能会侵犯人类隐私，目前的政策基本上是白费力气">智能硬件可能会侵犯人类隐私，目前的政策基本上是白费力气</a></li>
                                                <li><a href="/kejifunen/371110.html" target="_blank" title="重庆第二师范学院推进“智能手环应用”项目">重庆第二师范学院推进“智能手环应用”项目</a></li>
                                            </ul>
                </div>
                
            </div>
            <div class="main-right">
                <div class="right_fix">
                    <div class="r_con">
                        <div class="r_title">最新推荐</div>
                        <ul>
                                                        <li><em>1</em><a href="/kejifunen/371280.html" title="魅族MX4搭配的inWatch π智能手表详解" target="_blank">魅族MX4搭配的inWatch π智能手表详解</a></li>
                                                        <li><em>2</em><a href="/kejifunen/371279.html" title="这才是真正的黑科技！最强国筹Bet365下周五正式发布！ " target="_blank">这才是真正的黑科技！最强国筹Bet365下周五正式发布！ </a></li>
                                                        <li><em>3</em><a href="/kejifunen/371278.html" title="速冷、舒适、节能堪称“全能”，美的极爽空调特价促销" target="_blank">速冷、舒适、节能堪称“全能”，美的极爽空调特价促销</a></li>
                                                        <li><em>4</em><a href="/kejifunen/371277.html" title="日薪5000元的苏宁空调安装体验官有何经历？ " target="_blank">日薪5000元的苏宁空调安装体验官有何经历？ </a></li>
                                                        <li><em>5</em><a href="/kejifunen/371276.html" title="黑科技！专业运动员的智能手环刷新了可穿戴设备的未来" target="_blank">黑科技！专业运动员的智能手环刷新了可穿戴设备的未来</a></li>
                                                        <li><em>6</em><a href="/kejifunen/371268.html" title="石墨烯可以将普通纸张变成用于柔性显示器和可穿戴设备的新材料" target="_blank">石墨烯可以将普通纸张变成用于柔性显示器和可穿戴设备的新材料</a></li>
                                                        <li><em>7</em><a href="/kejifunen/371266.html" title="小米手环3体验！也许它可以取代你的智能手表" target="_blank">小米手环3体验！也许它可以取代你的智能手表</a></li>
                                                        <li><em>8</em><a href="/kejifunen/371265.html" title="有人想众筹开发一款监测屁的健康可穿戴设备" target="_blank">有人想众筹开发一款监测屁的健康可穿戴设备</a></li>
                                                        <li><em>9</em><a href="/kejifunen/371262.html" title="苹果新款Apple Watch开箱！您对它的外观满意吗？ " target="_blank">苹果新款Apple Watch开箱！您对它的外观满意吗？ </a></li>
                                                        <li><em>10</em><a href="/kejifunen/371260.html" title="可穿戴挑战赛的20万美元大奖就是这款手环" target="_blank">可穿戴挑战赛的20万美元大奖就是这款手环</a></li>
                             
                        </ul>
                    </div>
                    <div class="r_con">
                        <div class="r_title">猜你喜欢</div>
                        <ul class="you_like">
                                                        <li><em>1</em><a href="/kejifunen/371257.html" title="独家的！逃跑时老板的公章被抢走了！这个明星机器人深陷破产困境" target="_blank">独家的！逃跑时老板的公章被抢走了！这个明星机器人深陷破产困境</a></li>
                                                        <li><em>2</em><a href="/kejifunen/371256.html" title="VR“断断续续”的流行还存在这些问题" target="_blank">VR“断断续续”的流行还存在这些问题</a></li>
                                                        <li><em>3</em><a href="/kejifunen/371253.html" title="这种可以骑乘并自动跟随人的移动机器人在海外收获了无数粉丝" target="_blank">这种可以骑乘并自动跟随人的移动机器人在海外收获了无数粉丝</a></li>
                                                        <li><em>4</em><a href="/kejifunen/371251.html" title="董明珠对美的的犀利点评！根本不是对手，算是长辈" target="_blank">董明珠对美的的犀利点评！根本不是对手，算是长辈</a></li>
                                                        <li><em>5</em><a href="/kejifunen/371249.html" title="诺基亚用时尚诠释智能手表的未来" target="_blank">诺基亚用时尚诠释智能手表的未来</a></li>
                                                        <li><em>6</em><a href="/kejifunen/371246.html" title="智能手环的准确性受到质疑，厂商盲目跟风，忽视软实力" target="_blank">智能手环的准确性受到质疑，厂商盲目跟风，忽视软实力</a></li>
                                                        <li><em>7</em><a href="/kejifunen/371242.html" title="可穿戴设备！你有自己的信息" target="_blank">可穿戴设备！你有自己的信息</a></li>
                                                        <li><em>8</em><a href="/kejifunen/371230.html" title="LV高管！瑞士奢侈手表行业将受益于智能手表的繁荣" target="_blank">LV高管！瑞士奢侈手表行业将受益于智能手表的繁荣</a></li>
                                                        <li><em>9</em><a href="/kejifunen/371227.html" title="致力于可穿戴设备的续航能力，下一代电池会取代锂电池吗？ " target="_blank">致力于可穿戴设备的续航能力，下一代电池会取代锂电池吗？ </a></li>
                                                        <li><em>10</em><a href="/kejifunen/371224.html" title="雷军透露，小米手环2的图片已于5月10日发布" target="_blank">雷军透露，小米手环2的图片已于5月10日发布</a></li>
                                                        <li><em>11</em><a href="/kejifunen/371219.html" title="iPhone XS上市不温不火的背后，国产高性价比手机备受追" target="_blank">iPhone XS上市不温不火的背后，国产高性价比手机备受追</a></li>
                                                        <li><em>12</em><a href="/kejifunen/371218.html" title="手机照片盲评：哪张照片最适合你的选择？ " target="_blank">手机照片盲评：哪张照片最适合你的选择？ </a></li>
                                                        <li><em>13</em><a href="/kejifunen/371215.html" title="全面评测399元华为荣耀手环零！你不知道的偏执" target="_blank">全面评测399元华为荣耀手环零！你不知道的偏执</a></li>
                                                        <li><em>14</em><a href="/kejifunen/371211.html" title="被小猪佩奇祝福的社会人都out了，据说这群新社会人比较受欢迎" target="_blank">被小猪佩奇祝福的社会人都out了，据说这群新社会人比较受欢迎</a></li>
                                                        <li><em>15</em><a href="/kejifunen/371210.html" title="除了小龙虾，世界杯还有这些值得关注的技术" target="_blank">除了小龙虾，世界杯还有这些值得关注的技术</a></li>
                                                        <li><em>16</em><a href="/kejifunen/371200.html" title="谷歌的硬件一直广受好评，但并不受欢迎，推出两款智能手表的底气" target="_blank">谷歌的硬件一直广受好评，但并不受欢迎，推出两款智能手表的底气</a></li>
                                                        <li><em>17</em><a href="/kejifunen/371199.html" title="记住在可穿戴领域！不要学小米式营销" target="_blank">记住在可穿戴领域！不要学小米式营销</a></li>
                                                        <li><em>18</em><a href="/kejifunen/371192.html" title="什么能让你摆脱“随机无蛋”的可穿戴产品？ " target="_blank">什么能让你摆脱“随机无蛋”的可穿戴产品？ </a></li>
                                                        <li><em>19</em><a href="/kejifunen/371182.html" title="林林的爆料！可穿戴设备的实用性还不够" target="_blank">林林的爆料！可穿戴设备的实用性还不够</a></li>
                                                        <li><em>20</em><a href="/kejifunen/371172.html" title="微软HoloLens眼镜！打破虚拟与现实的界限" target="_blank">微软HoloLens眼镜！打破虚拟与现实的界限</a></li>
                                                    </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="related_article"></div>
        <div class="footer">
    <p>Copyright © 2012-2022 程序源 版权所有<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">豫ICP备2022028201号</a></p>
    <p>重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。

如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。</p>
</div>
 
  

        
    </body>
</html>