(?:本文部分代码需要在W3School平台上运行)
表单用于搜集不同类型的用户输入 Content 元素:*,,,,,,<button>,<span style="color:#cc99ff;"><datalist>,<keygen>,<output></span>;(<span style="color:#cc99ff;">紫色</span>的是HTML5增加的表单元素)</span></span></em></span></p> <p><span style="font-size:18px;"><em><span style="color:#000000;"> 属性:type,action,method,name;</span></em></span></p> <p> </p> <br> <hr> <p> </p> <p><strong><span style="font-size:18px;">1、<form>元素</span></strong></p> <p> <span style="font-size:16px;">form元素是定义HTML表单的一个重要元素,每一个表单,都需要一对<form>,相当于每个html文件都要有一对<html>一样。</span></p> <p><span style="font-size:16px;"> ?</span></p> <p><span style="font-size:16px;"> <form></span></p> <p><span style="font-size:16px;"> .......form elements.......</span></p> <p><span style="font-size:16px;"> </form></span></p> <p> </p> <hr> <p> </p> <p><strong><span style="font-size:18px;">2、<input>元素+type属性</span></strong></p> <p> <span style="font-size:16px;">input元素是<strong>最重要</strong>的表单元素!!!</span></p> <p><span style="font-size:16px;"> 他有许多形态,根据不同的type属性.我觉得我应该把常用的列举出来,这样有利于自己以后记忆。</span></p> <p><span style="font-size:16px;"> type属性的类型:text/password/submit/radio/checkbox/button/number/date/color/range/month/week/time/datetime/datetime-local/email/search/tel/url;</span></p> <p> </p> <p><span style="font-size:16px;">1)text <input type="text"> 定义供文本输入的单行输入字段:</span></p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_a1e1fe91-e92b-4b6c-84e3-c0fec9819515" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_a1e1fe91-e92b-4b6c-84e3-c0fec9819515" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_a1e1fe91-e92b-4b6c-84e3-c0fec9819515" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">form </span><span style="color:#ff0000;">action</span><span style="color:#0000ff;">=""</span><span style="color:#0000ff;">></span><span style="color:#000000;"> 姓名:</span><span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="text"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="姓名"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span><span style="color:#000000;"> 性别:</span><span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="text"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="性别"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">text</span> </div> <p>?</p> <p><a href="http://img.e-com-net.com/image/info8/8e79684c28ed4b50b2e7baf81daa2a53.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/8e79684c28ed4b50b2e7baf81daa2a53.jpg" alt="html&css学习笔记----YJZJZQA_第1张图片" width="482" height="158" style="border:1px solid black;"></a></p> <hr> <p> </p> <p><span style="font-size:16px;">2)password <input type="password"> 定义密码字段:</span></p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_f5f8dfa7-0a36-44e1-b561-8c6974d38812" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_f5f8dfa7-0a36-44e1-b561-8c6974d38812" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_f5f8dfa7-0a36-44e1-b561-8c6974d38812" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">form </span><span style="color:#ff0000;">action</span><span style="color:#0000ff;">=""</span><span style="color:#0000ff;">></span><span style="color:#000000;"> User name:</span><span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="text"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="userid"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span><span style="color:#000000;"> User password:</span><span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="password"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="psw"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span>密码字段中的字符将被掩码(显示为星号或者是圆点)<span style="color:#0000ff;"></</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">password</span> </div> <p> ?</p> <p><a href="http://img.e-com-net.com/image/info8/6b02282ce35941e0b7b7dd9d23861928.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/6b02282ce35941e0b7b7dd9d23861928.jpg" alt="html&css学习笔记----YJZJZQA_第2张图片" width="477" height="208" style="border:1px solid black;"></a></p> <hr> <p> </p> <p><span style="font-size:16px;">3)submit <input type="submit"> 定义提交表单数据至表单处理程序的按钮</span></p> <p><span style="font-size:16px;">?:<em>表单处理程序(form-handler)通常是包含处理输入数据的脚本的服务器页面,在表单的action属性中规定表单处理程序(form-handler)</em></span></p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_ee2d5192-ced6-4951-95ff-25028c1de975" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_ee2d5192-ced6-4951-95ff-25028c1de975" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_ee2d5192-ced6-4951-95ff-25028c1de975" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">form </span><span style="color:#ff0000;">action</span><span style="color:#0000ff;">="/demo/demo_form.asp"</span><span style="color:#0000ff;">></span> <span style="color:#008000;"><!--</span><span style="color:#008000;"> 如果要提交代码实验的话,请在这个网站上运行http://www.w3school.com.cn/tiy/t.asp?f=html_input_submit</span><span style="color:#008000;">--></span><span style="color:#000000;"> 姓名:</span><span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="text"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="姓名"</span><span style="color:#ff0000;"> value</span><span style="color:#0000ff;">="宇宙无敌超级究极大帅鸭"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span><span style="color:#000000;"> 性别:</span><span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="text"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="性别"</span><span style="color:#ff0000;"> value</span><span style="color:#0000ff;">="可男可女"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="submit"</span><span style="color:#ff0000;"> value</span><span style="color:#0000ff;">="提交"</span><span style="color:#0000ff;">></span> <span style="color:#008000;"><!--</span><span style="color:#008000;"> value 可以省略,默认显示“提交”</span><span style="color:#008000;">--></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span>如果您点击提交,表单数据会被发送到名为 demo_form.asp 的页面。<span style="color:#0000ff;"></</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">submit</span> </div> <p>?</p> <p><a href="http://img.e-com-net.com/image/info8/056d48eb3a8847b9801c584e3c18d8bd.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/056d48eb3a8847b9801c584e3c18d8bd.jpg" alt="html&css学习笔记----YJZJZQA_第3张图片" width="470" height="208" style="border:1px solid black;"></a></p> <hr> <p> </p> <p><span style="font-size:16px;">4)ratio <input type="radio"> 定义单选按钮</span></p> <p><span style="font-size:16px;">在许多选项里面只能选一个</span></p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_37abf35a-5430-4f2c-8114-dc86c27af2d1" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_37abf35a-5430-4f2c-8114-dc86c27af2d1" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_37abf35a-5430-4f2c-8114-dc86c27af2d1" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">form </span><span style="color:#ff0000;">action</span><span style="color:#0000ff;">="/demo/demo_form.asp"</span><span style="color:#0000ff;">></span> <span style="color:#008000;"><!--</span><span style="color:#008000;"> 地址同上 </span><span style="color:#008000;">--></span><span style="color:#000000;"> 性别:</span><span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="radio"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="sex"</span><span style="color:#ff0000;"> value</span><span style="color:#0000ff;">="male"</span><span style="color:#ff0000;"> checked</span><span style="color:#0000ff;">></span><span style="color:#000000;">洒家是纯爷们! </span><span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="radio"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="sex"</span><span style="color:#ff0000;"> value</span><span style="color:#0000ff;">="female"</span><span style="color:#0000ff;">></span><span style="color:#000000;">我是小娘子! </span><span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="submit"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">ratio</span> </div> <p>?</p> <p><a href="http://img.e-com-net.com/image/info8/e6e41693a2314206b3faf22f19399bdb.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/e6e41693a2314206b3faf22f19399bdb.jpg" alt="html&css学习笔记----YJZJZQA_第4张图片" width="484" height="166" style="border:1px solid black;"></a></p> <hr> <p> </p> <p><span style="font-size:16px;">5)checkbox <input type="checkbox"> 定义复选框</span></p> <p><span style="font-size:16px;">复选框允许用户在有限数量的选项中选择零个或多个选项(区别于radio)</span></p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_5f0698fc-d672-4134-baad-3a0915828046" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_5f0698fc-d672-4134-baad-3a0915828046" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_5f0698fc-d672-4134-baad-3a0915828046" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">form </span><span style="color:#ff0000;">action</span><span style="color:#0000ff;">="/demo/demo_form.asp"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="checkbox"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="vehicle"</span><span style="color:#ff0000;"> value</span><span style="color:#0000ff;">="Bike"</span><span style="color:#0000ff;">></span><span style="color:#000000;">我有车,自行车 </span><span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="checkbox"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="vehicle"</span><span style="color:#ff0000;"> value</span><span style="color:#0000ff;">="Car"</span><span style="color:#0000ff;">></span><span style="color:#000000;">抱歉,我还有车,小轿车 </span><span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="submit"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span>虽然我现在啥都没有,手动滑稽~<span style="color:#0000ff;"></</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">checkbox</span> </div> <p>?</p> <p><a href="http://img.e-com-net.com/image/info8/a2baa88fee1d490f81c284aeabbc4ce3.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/a2baa88fee1d490f81c284aeabbc4ce3.jpg" alt="html&css学习笔记----YJZJZQA_第5张图片" width="480" height="192" style="border:1px solid black;"></a></p> <hr> <p> </p> <p><span style="font-size:16px;">6)button <input type="button"> 定义了按钮</span></p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_bd5ef5d0-142b-4d6f-b604-892802741516" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_bd5ef5d0-142b-4d6f-b604-892802741516" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_bd5ef5d0-142b-4d6f-b604-892802741516" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="button"</span><span style="color:#ff0000;"> onclick</span><span style="color:#0000ff;">="alert('Hello World!')"</span><span style="color:#0000ff;">></span> <span style="color:#008000;"><!--</span><span style="color:#008000;"> alert 为js语句,作用是弹出一个小窗口 </span><span style="color:#008000;">--></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">button</span> </div> <p>?</p> <p><a href="http://img.e-com-net.com/image/info8/fa436430e8e0418f844d13b53bf69fe9.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/fa436430e8e0418f844d13b53bf69fe9.jpg" alt="" width="146" height="73"></a></p> <p><a href="http://img.e-com-net.com/image/info8/70a079933d474fe6874d456633e62033.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/70a079933d474fe6874d456633e62033.jpg" alt="html&css学习笔记----YJZJZQA_第6张图片" width="498" height="102" style="border:1px solid black;"></a></p> <br> <hr> <p> </p> <p><span style="font-size:18px;">7)number <input type="number"> 用于应该包含数字值的输入字段</span></p> <p><span style="font-size:18px;">我们可以对数字做出一些限制,(靠!怎么关灯了!) 咳咳,怎么限制?目前我就知道可以用min、max来限制最小最大值,其他的等学到了再补充吧。</span></p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_6808d548-7610-4221-b42f-b57247038ecb" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_6808d548-7610-4221-b42f-b57247038ecb" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_6808d548-7610-4221-b42f-b57247038ecb" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span><span style="color:#000000;"> 根据浏览器支持:</span><span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span><span style="color:#000000;"> 数值约束会应用到输入字段中。 </span><span style="color:#0000ff;"></</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">form </span><span style="color:#ff0000;">action</span><span style="color:#0000ff;">="/demo/demo_form.asp"</span><span style="color:#0000ff;">></span><span style="color:#000000;"> 数量(1 到 5 之间): </span><span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="number"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="quantity"</span><span style="color:#ff0000;"> min</span><span style="color:#0000ff;">="1"</span><span style="color:#ff0000;"> max</span><span style="color:#0000ff;">="5"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="submit"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">p</span><span style="color:#0000ff;">><</span><span style="color:#800000;">b</span><span style="color:#0000ff;">></span>注释:<span style="color:#0000ff;"></</span><span style="color:#800000;">b</span><span style="color:#0000ff;">></span>IE9 及早期版本不支持 type="number"。<span style="color:#0000ff;"></</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">number</span> </div> <p>?</p> <p><a href="http://img.e-com-net.com/image/info8/b9ed94696ede40b48c732de22bdadf8f.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/b9ed94696ede40b48c732de22bdadf8f.jpg" alt="html&css学习笔记----YJZJZQA_第7张图片" width="523" height="185" style="border:1px solid black;"></a></p> <hr> <p><span style="font-size:18px;">8)date <input type="date"> 用于应该包含日期的输入字段 </span></p> <p><span style="font-size:18px;">根据牛览器支持嘞,日期选择器会粗现输入字段中</span></p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_e4aa330f-d46d-4376-8238-186f7ede10ce" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_e4aa330f-d46d-4376-8238-186f7ede10ce" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_e4aa330f-d46d-4376-8238-186f7ede10ce" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#ff0000;">. <form action</span><span style="color:#0000ff;">="/demo/demo_form.asp"</span><span style="color:#0000ff;">></span><span style="color:#000000;"> 小帅哥我的生日: </span><span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="date"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="bday"</span> <span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="submit"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">p</span><span style="color:#0000ff;">><</span><span style="color:#800000;">b</span><span style="color:#0000ff;">></span>注意:<span style="color:#0000ff;"></</span><span style="color:#800000;">b</span><span style="color:#0000ff;">></span><span style="color:#000000;">Firefox 或者 Internet Explorer 11 以及更早版本不支持 type="date" </span><span style="color:#0000ff;"></</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span>?小帅哥我的生日是 199X/04/10<span style="color:#0000ff;"></</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">date</span> </div> <p>?</p> <p><a href="http://img.e-com-net.com/image/info8/46ea9c74592f4d4f8399bf19781a07b3.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/46ea9c74592f4d4f8399bf19781a07b3.jpg" alt="html&css学习笔记----YJZJZQA_第8张图片" width="541" height="199" style="border:1px solid black;"></a></p> <hr> <p><span style="font-size:16px;">9)color <input type="color">用于应该包含颜色的输入字段</span></p> <p><span style="font-size:16px;">根据浏览器的支持呢,颜色选择器会出现输入字段中,在此谢谢浏览器的支持!谢谢!(今天好像忘记吃药了...)</span></p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_1d72d13f-59d1-47b4-b454-9eac5632f765" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_1d72d13f-59d1-47b4-b454-9eac5632f765" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_1d72d13f-59d1-47b4-b454-9eac5632f765" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span><span style="color:#000000;"> 选择你最喜欢的袜子的颜色: </span><span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="color"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="favsock"</span><span style="color:#ff0000;"> value</span><span style="color:#0000ff;">="#ff0000"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">p</span><span style="color:#0000ff;">><</span><span style="color:#800000;">b</span><span style="color:#0000ff;">></span>Note:<span style="color:#0000ff;"></</span><span style="color:#800000;">b</span><span style="color:#0000ff;">></span> type="color" 在IE浏览器中不被支持,真是不讨人喜欢的浏览器啊.<span style="color:#0000ff;"></</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">color</span> </div> <p>?</p> <p><a href="http://img.e-com-net.com/image/info8/52dd8bd33e6b497796cfce00f644458d.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/52dd8bd33e6b497796cfce00f644458d.jpg" alt="html&css学习笔记----YJZJZQA_第9张图片" width="542" height="153" style="border:1px solid black;"></a></p> <hr> <p>10)range <input type="range"> 用于定义包含一定范围的值的输入字段。根据浏览器的支持,输入字段能够显示为滑块控件。谢谢浏览器!</p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_86b50da0-6984-46e9-91df-f02817e36faa" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_86b50da0-6984-46e9-91df-f02817e36faa" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_86b50da0-6984-46e9-91df-f02817e36faa" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">form </span><span style="color:#0000ff;">></span><span style="color:#000000;"> Points: </span><span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="range"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="points"</span><span style="color:#ff0000;"> min</span><span style="color:#0000ff;">="0"</span><span style="color:#ff0000;"> max</span><span style="color:#0000ff;">="10"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">range</span> </div> <p>?</p> <p><a href="http://img.e-com-net.com/image/info8/a3f534b02be8486c9cf9c733f0698dbe.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/a3f534b02be8486c9cf9c733f0698dbe.jpg" alt="html&css学习笔记----YJZJZQA_第10张图片" width="292" height="122" style="border:1px solid black;"></a></p> <hr> <p>11)month <input type="month"> 允许用户选择月份和年份</p> <p>根据浏览器的支持!日期选择器会出现在输入的字段(感觉好高级),谢谢浏览器!</p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_821c45f6-c48e-44b0-9a53-f5fdf9ea7541" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_821c45f6-c48e-44b0-9a53-f5fdf9ea7541" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_821c45f6-c48e-44b0-9a53-f5fdf9ea7541" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span><span style="color:#000000;"> 单身纪念日(月和年): </span><span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="month"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="单身"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="submit"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">month</span> </div> <p>?</p> <p><a href="http://img.e-com-net.com/image/info8/99a83bd7eb714d54adc1c0696bebf2e0.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/99a83bd7eb714d54adc1c0696bebf2e0.jpg" alt="html&css学习笔记----YJZJZQA_第11张图片" width="472" height="111" style="border:1px solid black;"></a></p> <hr> <p> </p> <p>12)week <input type="week"> 允许用户选择周和年。</p> <p>根据浏览器支持,日期选择器会出现输入字段中。 阿,谢谢浏览器!</p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_5ce594e4-ef1b-4e10-ae1b-6a14a4b682f1" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_5ce594e4-ef1b-4e10-ae1b-6a14a4b682f1" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_5ce594e4-ef1b-4e10-ae1b-6a14a4b682f1" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">form </span><span style="color:#ff0000;">action</span><span style="color:#0000ff;">="action_page.php"</span><span style="color:#0000ff;">></span><span style="color:#000000;"> 你们知道一年有多少周吗? </span><span style="color:#008000;"><!--</span><span style="color:#008000;"> 52周鸭</span><span style="color:#008000;">--></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">br</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="week"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="year_week"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">week</span> </div> <p>?</p> <p><a href="http://img.e-com-net.com/image/info8/11faa87b8a574c618d2d1747cfbb4afc.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/11faa87b8a574c618d2d1747cfbb4afc.jpg" alt="" width="292" height="91"></a></p> <p> </p> <hr> <p> </p> <p>13)time <input type="time"> 允许用户选择时间(无时区)。</p> <p>根据浏览器支持,时间选择器会出现输入字段中。谢谢浏览器!</p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_8fbf6068-1c18-4aa9-95a5-8b29dc8e27c0" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_8fbf6068-1c18-4aa9-95a5-8b29dc8e27c0" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_8fbf6068-1c18-4aa9-95a5-8b29dc8e27c0" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">form </span><span style="color:#ff0000;">action</span><span style="color:#0000ff;">="/demo/demo_form.asp"</span><span style="color:#0000ff;">></span><span style="color:#000000;"> 我想对你suo(嘿嘿): </span><span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="time"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="usr_time"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">time</span> </div> <p>?</p> <p><a href="http://img.e-com-net.com/image/info8/7cb97a512ffa4843b8130c91584592f1.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/7cb97a512ffa4843b8130c91584592f1.jpg" alt="" width="384" height="78"></a></p> <p><span style="text-decoration:underline;font-size:16px;"><em><span style="font-family:'宋体';"><strong><span style="color:#ff0000;text-decoration:underline;">光棍节快乐鸭!!!!!!!!!!!!!!!!!!!······</span></strong></span></em></span></p> <p> </p> <hr> <p> </p> <p>14)datetime <input type="datetime"> 允许用户选择日期和时间(有时区)。</p> <p>根据浏览器支持,日期选择器会出现输入字段中。谢谢浏览器!</p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_bf0bd6f1-8698-4732-b411-4b77d2c0c66e" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_bf0bd6f1-8698-4732-b411-4b77d2c0c66e" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_bf0bd6f1-8698-4732-b411-4b77d2c0c66e" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">form </span><span style="color:#0000ff;">></span><span style="color:#000000;"> 生日(日期和时间): </span><span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="datetime"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="bdaytime"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">p</span><span style="color:#0000ff;">><</span><span style="color:#800000;">b</span><span style="color:#0000ff;">></span>注释:<span style="color:#0000ff;"></</span><span style="color:#800000;">b</span><span style="color:#0000ff;">></span>Chrome、Firefox 或 Internet Explorer 不支持 type="datetime"。<span style="color:#0000ff;"></</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">datetime</span> </div> <p>?</p> <p><a href="http://img.e-com-net.com/image/info8/dd418460a7614c88a0dc7136f8c817bf.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/dd418460a7614c88a0dc7136f8c817bf.jpg" alt="html&css学习笔记----YJZJZQA_第12张图片" width="444" height="171" style="border:1px solid black;"></a></p> <p> </p> <hr> <p> </p> <p>15)datetime-local <input type="datetime-local"> 允许用户选择日期和时间(无时区)。</p> <p>根据浏览器支持,日期选择器会出现输入字段中。谢谢浏览器!</p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_f64d2411-6eae-475e-a4dd-7c45dbeacf69" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_f64d2411-6eae-475e-a4dd-7c45dbeacf69" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_f64d2411-6eae-475e-a4dd-7c45dbeacf69" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">form </span><span style="color:#0000ff;">></span><span style="color:#000000;"> 生日(日期和时间): </span><span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="datetime-local"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="bdaytime"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="submit"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">p</span><span style="color:#0000ff;">><</span><span style="color:#800000;">b</span><span style="color:#0000ff;">></span>注释:<span style="color:#0000ff;"></</span><span style="color:#800000;">b</span><span style="color:#0000ff;">></span><span style="color:#000000;">Firefox 或者 Internet Explorer 不支持 type="datetime-local"。</span><span style="color:#0000ff;"></</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">datetime-local</span> </div> <p>?</p> <p><a href="http://img.e-com-net.com/image/info8/ad2b2c524a5243c690cd8d47cc0d00da.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/ad2b2c524a5243c690cd8d47cc0d00da.jpg" alt="html&css学习笔记----YJZJZQA_第13张图片" width="463" height="160" style="border:1px solid black;"></a></p> <p> </p> <hr> <p> </p> <p>16)email <input type="email"> 用于应该包含电子邮件地址的输入字段。</p> <p>根据浏览器支持,能够在被提交时自动对电子邮件地址进行验证。谢谢浏览器!</p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_e4b2dce2-a8f2-4e58-aa5b-565448d1c0ee" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_e4b2dce2-a8f2-4e58-aa5b-565448d1c0ee" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_e4b2dce2-a8f2-4e58-aa5b-565448d1c0ee" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">form </span><span style="color:#ff0000;">action</span><span style="color:#0000ff;">="/demo/demo_form.asp"</span><span style="color:#0000ff;">></span><span style="color:#000000;"> E-mail: </span><span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="email"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="email"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="submit"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">b</span><span style="color:#0000ff;">></span>注释:<span style="color:#0000ff;"></</span><span style="color:#800000;">b</span><span style="color:#0000ff;">></span>IE9 及更早版本不支持 type="email"。<span style="color:#0000ff;"></</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">email</span> </div> <p>?</p> <p><a href="http://img.e-com-net.com/image/info8/62f918aade614694a233285f3886853d.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/62f918aade614694a233285f3886853d.jpg" alt="html&css学习笔记----YJZJZQA_第14张图片" width="470" height="123" style="border:1px solid black;"></a></p> <p> </p> <hr> <p> </p> <p>17)search <input type="search"> 用于搜索字段(搜索字段的表现类似常规文本字段)。//没太懂...这个search有啥用呢?</p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_e3f19aa7-abcd-462e-aaf6-a7ca76814303" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_e3f19aa7-abcd-462e-aaf6-a7ca76814303" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_e3f19aa7-abcd-462e-aaf6-a7ca76814303" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">form </span><span style="color:#ff0000;">action</span><span style="color:#0000ff;">="/demo/demo_form.asp"</span><span style="color:#0000ff;">></span><span style="color:#000000;"> 搜索谷歌: </span><span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="search"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="googlesearch"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="submit"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">search</span> </div> <p>?</p> <p><a href="http://img.e-com-net.com/image/info8/4bfacd393c684cf9b71c0292ec05c0f3.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/4bfacd393c684cf9b71c0292ec05c0f3.jpg" alt="" width="440" height="48"></a></p> <p> </p> <hr> <p> </p> <p>18)tel <input type="tel">用于应该包含电话号码的输入字段。</p> <p>目前只有 Safari 8 支持 tel 类型。</p> <hr> <p> </p> <p>19)url <input type="url"> 用于应该包含 URL 地址的输入字段。</p> <p>根据浏览器支持,在提交时能够自动验证 url 字段。谢谢浏览器!</p> <p>?</p> <div class="cnblogs_code"> <img id="code_img_closed_f05b0458-818e-4992-9135-7ec86c43bd38" class="code_img_closed" src="http://img.e-com-net.com/image/info8/b8d97b5613f94ed2ba791cad57d0b2ed.gif" alt="" width="0" height="0"> <img id="code_img_opened_f05b0458-818e-4992-9135-7ec86c43bd38" class="code_img_opened" src="http://img.e-com-net.com/image/info8/2f88dd3f1cd145f59c0e47b51acdbd4b.gif" alt="" width="0" height="0"> <div id="cnblogs_code_open_f05b0458-818e-4992-9135-7ec86c43bd38" class="cnblogs_code_hide"> <pre><span style="color:#0000ff;"><!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">form </span><span style="color:#0000ff;">></span><span style="color:#000000;"> 请添加您的首页: </span><span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="url"</span><span style="color:#ff0000;"> name</span><span style="color:#0000ff;">="homepage"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="submit"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">p</span><span style="color:#0000ff;">><</span><span style="color:#800000;">b</span><span style="color:#0000ff;">></span>Note:<span style="color:#0000ff;"></</span><span style="color:#800000;">b</span><span style="color:#0000ff;">></span>IE9 及其更早版本不支持 type="url"。<span style="color:#0000ff;"></</span><span style="color:#800000;">p</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">body</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">html</span><span style="color:#0000ff;">></span></pre> </div> <span class="cnblogs_code_collapse">url</span> </div> <p>?</p> <p><a href="http://img.e-com-net.com/image/info8/a998a889af2e40dcba087a03295b2254.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/a998a889af2e40dcba087a03295b2254.jpg" alt="html&css学习笔记----YJZJZQA_第15张图片" width="575" height="108" style="border:1px solid black;"></a></p> <p> </p> <p> </p> </blockquote> <p> </p> </div> <p>转载于:https://www.cnblogs.com/YJZJZQA/p/9935767.html</p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1274790464498712576"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(html&css学习笔记----YJZJZQA)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1885740738621272064.htm" title="[C++]DirectX 12 3D游戏开发实战—第12章 学习笔记01 2019.5.7" target="_blank">[C++]DirectX 12 3D游戏开发实战—第12章 学习笔记01 2019.5.7</a> <span class="text-muted">卡酷酷</span> <a class="tag" taget="_blank" href="/search/DirectX12/1.htm">DirectX12</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a> <div>个人学习用,请勿转载第十二章几何着色器词汇曲面细分:tenssellation几何着色器:geometryshader三角形列表:trainglelist内容如果不启用曲面细分这一环节,几何着色器这个可选阶段会位于顶点着色器与像素着色器之间。顶点着色器以顶点作为输入数据,而几何着色器的输入数据则是完整的图元。如果要绘制三角形列表,那么几何着色器程序实际将对列表中的每个三角形T执行下列操作:for(</div> </li> <li><a href="/article/1885740739099422720.htm" title="[C++]DirectX 12 3D游戏开发实战—第12章 学习笔记02 2019.5.8" target="_blank">[C++]DirectX 12 3D游戏开发实战—第12章 学习笔记02 2019.5.8</a> <span class="text-muted">卡酷酷</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/DirectX12/1.htm">DirectX12</a> <div>个人学习使用,请勿转载12.3纹理数组12.3.1概述纹理数组即为存放纹理的数组。C++代码中纹理数组也由ID3D12Resource接口表示,创建ID3D12Resource对象时,可以通过设置DepthArraySize属性指定纹理数组所存储的元素个数。在d3dApp文件中创建深度/纹理模板时总是将该值设为1。CreateD3DResource12函数。Texture2DArraygTreeM</div> </li> <li><a href="/article/1885740612230115328.htm" title="[C++]DirectX 12 3D游戏开发实战—第9章 学习笔记03 2019.5.4" target="_blank">[C++]DirectX 12 3D游戏开发实战—第9章 学习笔记03 2019.5.4</a> <span class="text-muted">卡酷酷</span> <a class="tag" taget="_blank" href="/search/DirectX12/1.htm">DirectX12</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a> <div>@个人学习用,请勿转赞。DirectX123D游戏开发实战—第9章学习笔记03词汇内容9.11附有纹理的山川演示程序给陆地网格重复铺设草地纹理根据时间函数令流水纹理延波浪滚动起来9.11.1生成栅格纹理坐标上图是一个m*n的栅格,右侧是在归一化纹理坐标[0,1]2中与之相对应的栅格。纹理坐标中的第i行第j列顶点坐标为uij=j⋅δuu_{ij}=j·\deltauuij=</div> </li> <li><a href="/article/1885685766558904320.htm" title="机器学习笔记——特征工程" target="_blank">机器学习笔记——特征工程</a> <span class="text-muted">好评笔记</span> <a class="tag" taget="_blank" href="/search/%E8%A1%A5%E6%A1%A3/1.htm">补档</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E8%AE%BA%E6%96%87%E9%98%85%E8%AF%BB/1.htm">论文阅读</a><a class="tag" taget="_blank" href="/search/AIGC/1.htm">AIGC</a><a class="tag" taget="_blank" href="/search/transformer/1.htm">transformer</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>大家好,这里是好评笔记,公主号:Goodnote,专栏文章私信限时Free。本笔记介绍机器学习中常见的特征工程方法、正则化方法和简要介绍强化学习。文章目录特征工程(FzeatureEngineering)1.特征提取(FeatureExtraction)手工特征提取(ManualFeatureExtraction):自动特征提取(AutomatedFeatureExtraction):2.特征选择</div> </li> <li><a href="/article/1885661551482957824.htm" title="严恭敏老师PSINS工具箱学习笔记-1" target="_blank">严恭敏老师PSINS工具箱学习笔记-1</a> <span class="text-muted">嘀嗒zxy</span> <a class="tag" taget="_blank" href="/search/%E6%83%AF%E5%AF%BC/1.htm">惯导</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/matlab/1.htm">matlab</a> <div>PSINS工具箱学习与使用刚开始入门惯性导航算法,看了一些书但实践出了一些问题,经推荐了解到西工大严恭敏老师的PSINS工具箱很适合自学,就在网上找了一些相关资料,很全。网址:http://www.psins.org.cn/syb站介绍:https://www.bilibili.com/video/BV1R54y1E7ut/?vd_source=6ce8821b81ac808150f82236f5</div> </li> <li><a href="/article/1885631788928266240.htm" title="【转摘】域名服务器配置学习笔记" target="_blank">【转摘】域名服务器配置学习笔记</a> <span class="text-muted">weixin_30725467</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F/1.htm">嵌入式</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>括看相关的rfc文件,一看和dns相关的rfc文件,妈呀,居然有86个之多。能看多少是多少吧。先把DNS的原理研究透彻了。在看rfc文件我想会事半功倍的:)1.ICANN是干什么的?和他的一些相关资讯?ICANN全称是叫:InternetCorporationforAssignedNamesandNumbers(互联网名称与数字地址分配机构),是一个非盈利性的国际组织,负责互联网协议(IP)地址的</div> </li> <li><a href="/article/1885528247937069056.htm" title="Web前端最全Koa 基础篇(二)—— 路由与中间件(1),前端组件化架构实践" target="_blank">Web前端最全Koa 基础篇(二)—— 路由与中间件(1),前端组件化架构实践</a> <span class="text-muted">2401_84447112</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">中间件</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>最后如果你已经下定决心要转行做编程行业,在最开始的时候就要对自己的学习有一个基本的规划,还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标,然后为之努力,坚持到底。如果你有幸看到这篇文章,希望对你有所帮助,祝你转行成功。开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】基本使用router.get(“/”,asyncctx=>{ctx.body=“h</div> </li> <li><a href="/article/1885369087622705152.htm" title="侯捷 C++ 课程学习笔记:深入理解 C++ 核心技术与实战应用" target="_blank">侯捷 C++ 课程学习笔记:深入理解 C++ 核心技术与实战应用</a> <span class="text-muted">不能只会打代码</span> <a class="tag" taget="_blank" href="/search/%E5%85%B6%E4%BB%96/1.htm">其他</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E4%BE%AF%E6%8D%B7/1.htm">侯捷</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">课程学习笔记</a> <div>目录引言第一章:C++基础回顾1.1C++的历史与发展1.2C++的核心特性1.3C++的编译与执行第二章:面向对象编程2.1类与对象2.2构造函数与析构函数2.3继承与多态第三章:泛型编程与模板3.1函数模板3.2类模板3.3STL容器与算法第四章:高级特性4.1智能指针4.2移动语义与右值引用4.3Lambda表达式第五章:实战应用5.1项目结构设计5.2性能优化5.3调试与测试第六章:学习心</div> </li> <li><a href="/article/1885364551361294336.htm" title="机器学习笔记 - 将音频转换为图像进行分类的机器学习模型" target="_blank">机器学习笔记 - 将音频转换为图像进行分类的机器学习模型</a> <span class="text-muted">坐望云起</span> <a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0%E4%BB%8E%E5%85%A5%E9%97%A8%E5%88%B0%E7%B2%BE%E9%80%9A/1.htm">深度学习从入门到精通</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E9%9F%B3%E8%AF%86%E5%88%AB/1.htm">语音识别</a><a class="tag" taget="_blank" href="/search/%E5%85%89%E8%B0%B1%E5%9B%BE/1.htm">光谱图</a><a class="tag" taget="_blank" href="/search/Whisper/1.htm">Whisper</a> <div>一、简述语音识别技术是将音频信号转化为文本的过程。其基本原理如下:1.音频录制:首先需要对口语发音进行录制,并将其转化为数字形式的音频文件。2.预处理:对音频信号进行预处理,包括去除杂音干扰、增加音频的信噪比以及消除不必要的语音、噪声等。3.特征提取:特征提取是语音信号处理的一个重要部分,通过对音频数据进行分析,提取其中特有的频率、音调、幅度等数学特征,并转化成数字特征。4.模型训练:在特征提取完</div> </li> <li><a href="/article/1885323686618132480.htm" title="Mac系统安装 deepxde +VS code + pytorch" target="_blank">Mac系统安装 deepxde +VS code + pytorch</a> <span class="text-muted">积分酱</span> <a class="tag" taget="_blank" href="/search/pytorch/1.htm">pytorch</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a> <div>deepxde在Mac系统安装和学习笔记系列因为换了苹果电脑MacBookPro,所以软件都需要重新安装,记录一下安装过程。我的配置是python+VSCode。打开终端,直接按住command+空格键,输入终端就可以打开了。1.deepxde安装首先输入python3--version查看python版本,我的是Python3.9.13然后输入python3-mpip-V查看自己的pip版本,我</div> </li> <li><a href="/article/1885282807845023744.htm" title="MVIKotlin学习笔记:时光旅行软件设计" target="_blank">MVIKotlin学习笔记:时光旅行软件设计</a> <span class="text-muted">UtoBug</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E8%AE%BE%E8%AE%A1/1.htm">软件设计</a> <div>时光旅行是一种引人入胜且令人兴奋的概念。在软件设计领域,我们可以借用这个概念来创建可预测和可追溯的应用程序。本篇文章将介绍如何使用MVIKotlin框架来实现时光旅行功能,并提供相应的源代码示例。MVIKotlin是一个基于MVI(Model-View-Intent)架构的库,它提供了一种结构化的方法来构建响应式、可测试和可维护的Android应用程序。时光旅行是MVIKotlin框架的一个强大特</div> </li> <li><a href="/article/1885278270623117312.htm" title="vue3学习笔记(ref, reactive, setup, hook...)" target="_blank">vue3学习笔记(ref, reactive, setup, hook...)</a> <span class="text-muted">***无名小卒</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a> <div>目录一、搭建项目二、常用的CompositionAPI1.ref函数(实现响应式)2.reactive函数3.vue2和vue3响应式的区别4.setup参数5.计算属性和监视6.vue3生命周期7.自定义hook8.toRef和toRefs9.其他组合式api10.新的组件一、搭建项目npminitvite-app进入项目npminpmrundev二、常用的CompositionAPI1.ref</div> </li> <li><a href="/article/1885262127426498560.htm" title="Docker学习笔记(全网最详细)" target="_blank">Docker学习笔记(全网最详细)</a> <span class="text-muted">Asher0509</span> <a class="tag" taget="_blank" href="/search/docker/1.htm">docker</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>Docker学习笔记(全网最详细)一、Docker的简介1.Docker是什么?1.1问题:为什么会有docker出现?一款产品从开发到上线,从操作系统,到运行环境,再到应用配置。作为开发+运维之间的协作我们需要关心很多东西,这也是很多互联网公司都不得不面对的问题,特别是各种版本的迭代之后,不同版本环境的兼容,对运维人员都是考验.Docker之所以发展如此迅速,也是因为它对此给出了一个标准化的解决</div> </li> <li><a href="/article/1885260609222668288.htm" title="Elasticsearch学习笔记——Mapping创建及dynamic_templates" target="_blank">Elasticsearch学习笔记——Mapping创建及dynamic_templates</a> <span class="text-muted">凌凌岛</span> <a class="tag" taget="_blank" href="/search/Elasticsearch/1.htm">Elasticsearch</a><a class="tag" taget="_blank" href="/search/elasticsearch/1.htm">elasticsearch</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/es/1.htm">es</a> <div>Mappingmapping可以理解为Elasticsearch的表结构,作用是为了定义index的schema。包含有定义字段的数据类型,存储形式等等。创建Mappingmapping创建Elasticsearch在创建索引的时候可以显式定义mapping,也可以不指定mapping,通过写入数据的形式让Elasticsearch自己推断mapping。显示指定mapping创建index#显示</div> </li> <li><a href="/article/1885246369296347136.htm" title="Python学习笔记 - 探索5种数据类型" target="_blank">Python学习笔记 - 探索5种数据类型</a> <span class="text-muted">Mr数据杨</span> <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E5%9F%BA%E7%A1%80/1.htm">编程基础</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B/1.htm">数据类型</a> <div>在当今的数字时代,编程已经成为一种基本技能,不仅适用于软件开发人员,更广泛地应用于数据分析、人工智能、自动化和科学研究等领域。Python作为一种强大且易于学习的编程语言,因其简洁的语法和广泛的应用场景,成为了初学者学习编程的首选语言。在学习Python编程的过程中,理解和掌握数据类型是至关重要的。数据类型决定了程序中可以进行的操作类型,以及如何存储和处理信息。理解不同数据类型的特性和使用场景,不</div> </li> <li><a href="/article/1885200077186723840.htm" title="Effective Objective-C 2.0学习笔记(部分)" target="_blank">Effective Objective-C 2.0学习笔记(部分)</a> <span class="text-muted">bigjar_W</span> <a class="tag" taget="_blank" href="/search/iOS/1.htm">iOS</a> <div>10.关联对象(通过关联对象机制来把两个对象连起来;定义关联对象时可指定内存管理语意,用以模仿定义属性时采用的拥有关系与非拥有关系;只有在其他做法不可行时才应该选用关联对象,因为这种做法会引入难于查找的bug。)11.理解objc_msgSend的作用(消息由接收者、选择子及参数构成;发给某对象的全部消息都要由“动态消息派发系统”来处理,该系统会查出对应的方法,并执行其代码)12.消息转发机制(首</div> </li> <li><a href="/article/1885189098608586752.htm" title="【C语言基础习题】C语言练习题——bite 寒假班作业(7)" target="_blank">【C语言基础习题】C语言练习题——bite 寒假班作业(7)</a> <span class="text-muted">拾贰_C</span> <a class="tag" taget="_blank" href="/search/%E3%80%90bite%E5%B0%B1%E4%B8%9A%E8%AF%BE%E3%80%91%E4%BD%9C%E4%B8%9A%E4%B9%A0%E9%A2%98/1.htm">【bite就业课】作业习题</a><a class="tag" taget="_blank" href="/search/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>如何高效记录并整理编程学习笔记?在编程学习的海洋中,高效的笔记记录和整理方法就像一张珍贵的航海图,能够帮助我们在浩瀚的知识中找到方向。如何建立一个既能快速记录又易于回顾的笔记系统?如何在繁忙的学习中保持笔记的条理性?让我们一起探讨如何打造属于自己的编程学习“知识宝库”!2024-01-28_函数的概念等_作业文章目录如何高效记录并整理编程学习笔记?2024-01-28_函数的概念等_作业习题第1题</div> </li> <li><a href="/article/1885130058348163072.htm" title="MySQL系列之(一)---MySQL使用方法总结(不断更新)" target="_blank">MySQL系列之(一)---MySQL使用方法总结(不断更新)</a> <span class="text-muted">Frodo先生</span> <a class="tag" taget="_blank" href="/search/MySQL/1.htm">MySQL</a><a class="tag" taget="_blank" href="/search/%E4%B8%8D%E6%96%AD%E6%9B%B4%E6%96%B0%E7%B3%BB%E5%88%97/1.htm">不断更新系列</a> <div>MySQL的使用方法总结在这里先标注上个人认为其他朋友总结的最好的MySQL的学习笔记:这个网站是一大佬博客,名字叫格物,特别值得学习,还有资料可以学习一千行MySQL学习笔记MySQL复习笔记(实例全)1.数据库的介绍数据库就是存储和管理数据的仓库,数据按照一定的格式进行存储,用户可以对数据库中的数据进行增加、修改、删除、查询等操作。2.数据库的分类关系型数据库非关系型数据库关系型数据库:是指采</div> </li> <li><a href="/article/1885005841518620672.htm" title="Go Gin 框架学习笔记" target="_blank">Go Gin 框架学习笔记</a> <span class="text-muted">「已注销」</span> <a class="tag" taget="_blank" href="/search/Go/1.htm">Go</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/restful/1.htm">restful</a><a class="tag" taget="_blank" href="/search/golang/1.htm">golang</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a> <div>GoGin框架学习笔记Gin描述轻量级httpweb框架,允许速度非常快最擅长的是Api接口的高并发入门创建默认的路由引擎r=gin.Default()启动http服务,默认在8080端口r.Run(":8000")返回字符串c.String(200,"我是新闻页面")c.String(200,"值:%v","你好gin")gin支持RestFulr.PUT()r.GET()r.POST()r.D</div> </li> <li><a href="/article/1885001174722080768.htm" title="Go语言学习笔记——gin实现验证码" target="_blank">Go语言学习笔记——gin实现验证码</a> <span class="text-muted">PPPsych</span> <a class="tag" taget="_blank" href="/search/Go%E7%B2%BE%E8%BF%9B/1.htm">Go精进</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/gin/1.htm">gin</a> <div>文章目录Golang验证码知识结构下载包导包配置session创建中间件生成图片生成验证码验证前端页面测试Golang验证码知识结构ginsession中间件表单处理路由下载包gogetgithub.com/dchest/captcha导包import("bytes""net/http""time""github.com/dchest/captcha""github.com/gin-contrib</div> </li> <li><a href="/article/1884999786982076416.htm" title="gin框架学习笔记" target="_blank">gin框架学习笔记</a> <span class="text-muted">蛮吉(lambda)</span> <a class="tag" taget="_blank" href="/search/go/1.htm">go</a><a class="tag" taget="_blank" href="/search/gin/1.htm">gin</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">中间件</a> <div>gin框架学习笔记官网reviewgin是用go编写的web框架,由于httprputer(基于radix树路由)速度快了40倍,支持中间件,路由组处理,json等多方式验证,内置了json/xml/html等渲染,是一个易于使用的go框架如果是用常量,比如http.statusOkimpport“net/http”gin使用默认的encoding/json作为默认的json包,但是可以通过其他标</div> </li> <li><a href="/article/1884953763467292672.htm" title="SpringBoot:RabbitMQ-延迟队列" target="_blank">SpringBoot:RabbitMQ-延迟队列</a> <span class="text-muted">csdnlaoban</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/java-rabbitmq/1.htm">java-rabbitmq</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/rabbitmq/1.htm">rabbitmq</a> <div>《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》,点击传送门,即可获取!com.alibabafastjson1.2.46org.springframework.bootspring-boot-starter-weborg.springframework.bootspring-boot-starter-testtest属性配置在application.propertie</div> </li> <li><a href="/article/1884919952243224576.htm" title="Vue 响应式渲染 - 模板语法" target="_blank">Vue 响应式渲染 - 模板语法</a> <span class="text-muted">JSON_L</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>Vue渐进式JavaScript框架基于Vue2的学习笔记-Vue响应式渲染-模板语法目录模板语法渲染变量(状态)绑定事件简写事件修改属性样式修改绑定图片路径动态显示和隐藏总结模板语法渲染变量(状态)在页面中直接渲染变量。示例如下:Title{{myname}}newVue({el:"#box",//elementdata:{myname:'我的名字是张三'}})绑定事件增加按钮,并对按钮绑定点击</div> </li> <li><a href="/article/1884882341973782528.htm" title="OpenEuler学习笔记(十四):在OpenEuler上搭建.NET运行环境" target="_blank">OpenEuler学习笔记(十四):在OpenEuler上搭建.NET运行环境</a> <span class="text-muted">向上的车轮</span> <a class="tag" taget="_blank" href="/search/openEuler/1.htm">openEuler</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>一、在OpenEuler上搭建.NET运行环境基于包管理器安装添加Microsoft软件源:运行命令sudorpm-Uvhhttps://packages.microsoft.com/config/centos/8/packages-microsoft-prod.rpm,将Microsoft软件源添加到系统中,以便后续能够从该源安装.NET相关的包。安装.NET运行时或SDK:若只需要运行.NET</div> </li> <li><a href="/article/1884853977196064768.htm" title="22、JavaScript学习笔记——ES5严格模式" target="_blank">22、JavaScript学习笔记——ES5严格模式</a> <span class="text-muted">lvh98</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>ES5严格模式当前使用的ES语法是基于ES3.0的方法加上ES5.0的新增方法。默认情况下,ES3.0和ES5.0冲突的部分,会沿用ES3.0的方法;而在ES5.0严格模式下,冲突部分会使用ES5.0的方法。1.“usestrict”不再兼容ES3.0的一些不规则语法。使用全新的ES5.0规范。1.1ES5.0严格模式的启动要选择使用严格模式,需要使用严格模式编译指示(pragma),即一个不赋值</div> </li> <li><a href="/article/1884846156123533312.htm" title="spring mvc java 8 rest idea_springmvc学习笔记---面向移动端支持REST API" target="_blank">spring mvc java 8 rest idea_springmvc学习笔记---面向移动端支持REST API</a> <span class="text-muted">射命丸咲</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/8/1.htm">8</a><a class="tag" taget="_blank" href="/search/rest/1.htm">rest</a><a class="tag" taget="_blank" href="/search/idea/1.htm">idea</a> <div>前言:springmvc对注解的支持非常灵活和飘逸,也得web编程少了以往很大一坨配置项.另一方面移动互联网的到来,使得RESTAPI变得流行,甚至成为主流.因此我们来关注下springmvc对restapi的支持程度,以及需要做的工作评估.样例设计和准备:springmvc学习笔记系列的文章目录:•idea创建springmvc项目RESTAPI的设计原则遵循之前的博文来实现•移动互联网实战--</div> </li> <li><a href="/article/1884840357275955200.htm" title="Spring MVC学习笔记" target="_blank">Spring MVC学习笔记</a> <span class="text-muted">万般滋味皆生活</span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF%E5%BC%80%E5%8F%91/1.htm">后端开发</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/springmvc/1.htm">springmvc</a> <div>文章目录SpringMVC什么是MVC设计模式?SpringMVC的核心组件SpringMVC的工作流程如何使用?SpringMVC注解SpringMVC数据绑定SpringMVC模型数据解析SpringMVC自定义数据转换器SpringMVCREST特点如何使用SpringMVC文件上传下载SpringMVC表单标签库常用的表单标签SpringMVC数据校验SpringMVCSpringMVC是</div> </li> <li><a href="/article/1884813619770748928.htm" title="备赛蓝桥杯之第十五届职业院校组省赛第三题:产品360度展示" target="_blank">备赛蓝桥杯之第十五届职业院校组省赛第三题:产品360度展示</a> <span class="text-muted">云端·目前学前端</span> <a class="tag" taget="_blank" href="/search/%E5%A4%87%E8%B5%9B%E8%93%9D%E6%A1%A5%E6%9D%AF/1.htm">备赛蓝桥杯</a><a class="tag" taget="_blank" href="/search/%E8%93%9D%E6%A1%A5%E6%9D%AF/1.htm">蓝桥杯</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E5%92%8C%E5%8F%91%E5%B1%95/1.htm">职场和发展</a> <div>提示:本篇文章仅仅是作者自己目前在备赛蓝桥杯中,自己学习与刷题的学习笔记,写的不好,欢迎大家批评与建议由于个别题目代码量与题目量偏大,请大家自己去蓝桥杯官网【连接高校和企业-蓝桥云课】去寻找原题,在这里只提供部分原题代码本题目为:2024年十五届省赛职业院校组真题第三题:产品360度展示题目:需要考生作答的代码段如下:/***@param{*}initialValue初始值*@param{Arra</div> </li> <li><a href="/article/1884777813878304768.htm" title="【学习笔记总结】华为云:应用上云后的安全规划及设计" target="_blank">【学习笔记总结】华为云:应用上云后的安全规划及设计</a> <span class="text-muted">通信_楠木</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA%E4%BA%91/1.htm">华为云</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97/1.htm">云计算</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8%E6%9E%B6%E6%9E%84/1.htm">安全架构</a> <div>一、背景和问题数字化时代,随着信息技术的飞速发展,企业和各类组织纷纷将自身的应用程序迁移至云端。云计算凭借其诸多优势,如成本效益、可扩展性、灵活性以及便捷的资源共享等,已然成为了现代业务运营的重要支撑。今年,我所在企业也将IT系统全面迁移上XX云,究其原因是为了在激烈的市场竞争中保持敏捷性和创新性,需要快速部署新的应用并实现高效的数据处理,云平台提供的丰富资源和便捷的服务模式使其能够迅速满足这些需</div> </li> <li><a href="/article/1884686023317843968.htm" title="【 书生·浦语大模型实战营】学习笔记(五):LMDeploy 量化部署" target="_blank">【 书生·浦语大模型实战营】学习笔记(五):LMDeploy 量化部署</a> <span class="text-muted">GoAI</span> <a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%85%A5%E6%B5%85%E5%87%BALLM/1.htm">深入浅出LLM</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%85%A5%E6%B5%85%E5%87%BAAI/1.htm">深入浅出AI</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">大模型</a><a class="tag" taget="_blank" href="/search/LLM/1.htm">LLM</a><a class="tag" taget="_blank" href="/search/%E9%83%A8%E7%BD%B2/1.htm">部署</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/LMDeploy/1.htm">LMDeploy</a> <div>AI学习星球推荐:GoAI的学习社区知识星球是一个致力于提供《机器学习|深度学习|CV|NLP|大模型|多模态|AIGC》各个最新AI方向综述、论文等成体系的学习资料,配有全面而有深度的专栏内容,包括不限于前沿论文解读、资料共享、行业最新动态以、实践教程、求职相关(简历撰写技巧、面经资料与心得)多方面综合学习平台,强烈推荐AI小白及AI1;;爱好者学习,性价比非常高!加入星球➡️点击链接</div> </li> <li><a href="/article/80.htm" title="java杨辉三角" target="_blank">java杨辉三角</a> <span class="text-muted">3213213333332132</span> <a class="tag" taget="_blank" href="/search/java%E5%9F%BA%E7%A1%80/1.htm">java基础</a> <div> package com.algorithm; /** * @Description 杨辉三角 * @author FuJianyong * 2015-1-22上午10:10:59 */ public class YangHui { public static void main(String[] args) { //初始化二维数组长度 int[][] y</div> </li> <li><a href="/article/207.htm" title="《大话重构》之大布局的辛酸历史" target="_blank">《大话重构》之大布局的辛酸历史</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/%E9%87%8D%E6%9E%84/1.htm">重构</a> <div>《大话重构》中提到“大布局你伤不起”,如果企图重构一个陈旧的大型系统是有非常大的风险,重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”,下面我就分享这个“大布局”项目经验给大家。 背景 公司专注于企业级管理产品软件,企业有大中小之分,在2000年初公司用JSP/Servlet开发了一套针对中</div> </li> <li><a href="/article/334.htm" title="电驴链接在线视频播放源码" target="_blank">电驴链接在线视频播放源码</a> <span class="text-muted">dubinwei</span> <a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81/1.htm">源码</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E9%A9%B4/1.htm">电驴</a><a class="tag" taget="_blank" href="/search/%E6%92%AD%E6%94%BE%E5%99%A8/1.htm">播放器</a><a class="tag" taget="_blank" href="/search/%E8%A7%86%E9%A2%91/1.htm">视频</a><a class="tag" taget="_blank" href="/search/ed2k/1.htm">ed2k</a> <div>本项目是个搜索电驴(ed2k)链接的应用,借助于磁力视频播放器(官网: http://loveandroid.duapp.com/ 开放平台),可以实现在线播放视频,也可以用迅雷或者其他下载工具下载。 项目源码: http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。 项目源码依赖于两个库项目,库项目一链接: http://git.oschina.</div> </li> <li><a href="/article/461.htm" title="Javascript中函数的toString()方法" target="_blank">Javascript中函数的toString()方法</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/toString/1.htm">toString</a><a class="tag" taget="_blank" href="/search/function/1.htm">function</a><a class="tag" taget="_blank" href="/search/object/1.htm">object</a> <div>简述 The toString() method returns a string representing the source code of the function. 简译之,Javascript的toString()方法返回一个代表函数源代码的字符串。 句法 function.</div> </li> <li><a href="/article/588.htm" title="struts处理自定义异常" target="_blank">struts处理自定义异常</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a> <div>很多时候我们会用到自定义异常来表示特定的错误情况,自定义异常比较简单,只要分清是运行时异常还是非运行时异常即可,运行时异常不需要捕获,继承自RuntimeException,是由容器自己抛出,例如空指针异常。 非运行时异常继承自Exception,在抛出后需要捕获,例如文件未找到异常。 此处我们用的是非运行时异常,首先定义一个异常LoginException: /** * 类描述:登录相</div> </li> <li><a href="/article/715.htm" title="Linux中find常见用法示例" target="_blank">Linux中find常见用法示例</a> <span class="text-muted">510888780</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>Linux中find常见用法示例 ·find path -option [ -print ] [ -exec -ok command ] {} \; find命令的参数;</div> </li> <li><a href="/article/842.htm" title="SpringMVC的各种参数绑定方式" target="_blank">SpringMVC的各种参数绑定方式</a> <span class="text-muted">Harry642</span> <a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a><a class="tag" taget="_blank" href="/search/%E7%BB%91%E5%AE%9A/1.htm">绑定</a><a class="tag" taget="_blank" href="/search/%E8%A1%A8%E5%8D%95/1.htm">表单</a> <div>1. 基本数据类型(以int为例,其他类似): Controller代码: @RequestMapping("saysth.do") public void test(int count) { } 表单代码: <form action="saysth.do" method="post&q</div> </li> <li><a href="/article/969.htm" title="Java 获取Oracle ROWID" target="_blank">Java 获取Oracle ROWID</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div> A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. The oracle.sql.ROWID class i</div> </li> <li><a href="/article/1096.htm" title="java获取方法的参数名" target="_blank">java获取方法的参数名</a> <span class="text-muted">antlove</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/parameter/1.htm">parameter</a><a class="tag" taget="_blank" href="/search/method/1.htm">method</a><a class="tag" taget="_blank" href="/search/reflect/1.htm">reflect</a> <div>reflect.ClassInformationUtil.java package reflect; import javassist.ClassPool; import javassist.CtClass; import javassist.CtMethod; import javassist.Modifier; import javassist.bytecode.CodeAtt</div> </li> <li><a href="/article/1223.htm" title="JAVA正则表达式匹配 查找 替换 提取操作" target="_blank">JAVA正则表达式匹配 查找 替换 提取操作</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a><a class="tag" taget="_blank" href="/search/%E6%9B%BF%E6%8D%A2/1.htm">替换</a><a class="tag" taget="_blank" href="/search/%E6%8F%90%E5%8F%96/1.htm">提取</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E6%89%BE/1.htm">查找</a> <div>正则表达式的查找;主要是用到String类中的split(); String str; str.split();方法中传入按照什么规则截取,返回一个String数组 常见的截取规则: str.split("\\.")按照.来截取 str.</div> </li> <li><a href="/article/1350.htm" title="Java中equals()与hashCode()方法详解" target="_blank">Java中equals()与hashCode()方法详解</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/set/1.htm">set</a><a class="tag" taget="_blank" href="/search/equals%28%29/1.htm">equals()</a><a class="tag" taget="_blank" href="/search/hashCode%28%29/1.htm">hashCode()</a> <div>一.equals()方法详解 equals()方法在object类中定义如下: public boolean equals(Object obj) { return (this == obj); } 很明显是对两个对象的地址值进行的比较(即比较引用是否相同)。但是我们知道,String 、Math、I</div> </li> <li><a href="/article/1477.htm" title="精通Oracle10编程SQL(4)使用SQL语句" target="_blank">精通Oracle10编程SQL(4)使用SQL语句</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a> <div>--工资级别表 create table SALGRADE ( GRADE NUMBER(10), LOSAL NUMBER(10,2), HISAL NUMBER(10,2) ) insert into SALGRADE values(1,0,100); insert into SALGRADE values(2,100,200); inser</div> </li> <li><a href="/article/1604.htm" title="【Nginx二】Nginx作为静态文件HTTP服务器" target="_blank">【Nginx二】Nginx作为静态文件HTTP服务器</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/HTTP%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">HTTP服务器</a> <div> Nginx作为静态文件HTTP服务器 在本地系统中创建/data/www目录,存放html文件(包括index.html) 创建/data/images目录,存放imags图片 在主配置文件中添加http指令 http { server { listen 80; server_name </div> </li> <li><a href="/article/1731.htm" title="kafka获得最新partition offset" target="_blank">kafka获得最新partition offset</a> <span class="text-muted">blackproof</span> <a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a><a class="tag" taget="_blank" href="/search/partition/1.htm">partition</a><a class="tag" taget="_blank" href="/search/offset/1.htm">offset</a><a class="tag" taget="_blank" href="/search/%E6%9C%80%E6%96%B0/1.htm">最新</a> <div>kafka获得partition下标,需要用到kafka的simpleconsumer import java.util.ArrayList; import java.util.Collections; import java.util.Date; import java.util.HashMap; import java.util.List; import java.</div> </li> <li><a href="/article/1858.htm" title="centos 7安装docker两种方式" target="_blank">centos 7安装docker两种方式</a> <span class="text-muted">ronin47</span> <div> 第一种是采用yum 方式 yum install -y docker </div> </li> <li><a href="/article/1985.htm" title="java-60-在O(1)时间删除链表结点" target="_blank">java-60-在O(1)时间删除链表结点</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class DeleteNode_O1_Time { /** * Q 60 在O(1)时间删除链表结点 * 给定链表的头指针和一个结点指针(!!),在O(1)时间删除该结点 * * Assume the list is: * head->...->nodeToDelete->mNode->nNode->..</div> </li> <li><a href="/article/2112.htm" title="nginx利用proxy_cache来缓存文件" target="_blank">nginx利用proxy_cache来缓存文件</a> <span class="text-muted">cfyme</span> <a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a> <div>user zhangy users; worker_processes 10; error_log /var/vlogs/nginx_error.log crit; pid /var/vlogs/nginx.pid; #Specifies the value for ma</div> </li> <li><a href="/article/2239.htm" title="[JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题" target="_blank">[JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F/1.htm">嵌入式</a> <div> 假如我们需要用JWFD的语法分析模块定义一个带负号的方程式,直接在方程式之前添加负号是不正确的,而必须这样做: string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))" 定义一个0整数c,然后用这个整数c去</div> </li> <li><a href="/article/2366.htm" title="如何集成支付宝官方文档" target="_blank">如何集成支付宝官方文档</a> <span class="text-muted">dai_lm</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>官方文档下载地址 https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 集成的必要条件 1. 需要有自己的Server接收支付宝的消息 2. 需要先制作app,然后提交支付宝审核,通过后才能集成 调试的时候估计会真的扣款,请注意 </div> </li> <li><a href="/article/2493.htm" title="应该在什么时候使用Hadoop" target="_blank">应该在什么时候使用Hadoop</a> <span class="text-muted">datamachine</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a> <div>原帖地址:http://blog.chinaunix.net/uid-301743-id-3925358.html 存档,某些观点与我不谋而合,过度技术化不可取,且hadoop并非万能。 --------------------------------------------万能的分割线-------------------------------- 有人问我,“你在大数据和Hado</div> </li> <li><a href="/article/2620.htm" title="在GridView中对于有外键的字段使用关联模型进行搜索和排序" target="_blank">在GridView中对于有外键的字段使用关联模型进行搜索和排序</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a> <div>在GridView中使用关联模型进行搜索和排序 首先我们有两个模型它们直接有关联: class Author extends CActiveRecord { ... } class Post extends CActiveRecord { ... function relations() { return array( '</div> </li> <li><a href="/article/2747.htm" title="使用NSString 的格式化大全" target="_blank">使用NSString 的格式化大全</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/Objective-C/1.htm">Objective-C</a> <div>格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c</div> </li> <li><a href="/article/2874.htm" title="使用activeX插件对象object滚动有重影" target="_blank">使用activeX插件对象object滚动有重影</a> <span class="text-muted">蕃薯耀</span> <a class="tag" taget="_blank" href="/search/activeX%E6%8F%92%E4%BB%B6/1.htm">activeX插件</a><a class="tag" taget="_blank" href="/search/%E6%BB%9A%E5%8A%A8%E6%9C%89%E9%87%8D%E5%BD%B1/1.htm">滚动有重影</a> <div> 使用activeX插件对象object滚动有重影 <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#</div> </li> <li><a href="/article/3001.htm" title="SpringMVC4零配置" target="_blank">SpringMVC4零配置</a> <span class="text-muted">hanqunfeng</span> <a class="tag" taget="_blank" href="/search/springmvc4/1.htm">springmvc4</a> <div>基于Servlet3.0规范和SpringMVC4注解式配置方式,实现零xml配置,弄了个小demo,供交流讨论。 项目说明如下: 1.db.sql是项目中用到的表,数据库使用的是oracle11g 2.该项目使用mvn进行管理,私服为自搭建nexus,项目只用到一个第三方 jar,就是oracle的驱动; 3.默认项目为零配置启动,如果需要更改启动方式,请</div> </li> <li><a href="/article/3128.htm" title="《开源框架那点事儿16》:缓存相关代码的演变" target="_blank">《开源框架那点事儿16》:缓存相关代码的演变</a> <span class="text-muted">j2eetop</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90%E6%A1%86%E6%9E%B6/1.htm">开源框架</a> <div>问题引入 上次我参与某个大型项目的优化工作,由于系统要求有比较高的TPS,因此就免不了要使用缓冲。 该项目中用的缓冲比较多,有MemCache,有Redis,有的还需要提供二级缓冲,也就是说应用服务器这层也可以设置一些缓冲。 当然去看相关实现代代码的时候,大致是下面的样子。 [java] view plain copy print ? public vo</div> </li> <li><a href="/article/3255.htm" title="AngularJS浅析" target="_blank">AngularJS浅析</a> <span class="text-muted">kvhur</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>概念 AngularJS is a structural framework for dynamic web apps. 了解更多详情请见原文链接:http://www.gbtags.com/gb/share/5726.htm Directive 扩展html,给html添加声明语句,以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称,ng是angular的命名空间</div> </li> <li><a href="/article/3382.htm" title="架构师之jdk的bug排查(一)---------------split的点号陷阱" target="_blank">架构师之jdk的bug排查(一)---------------split的点号陷阱</a> <span class="text-muted">nannan408</span> <a class="tag" taget="_blank" href="/search/split/1.htm">split</a> <div>1.前言. jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 2.代码 String[] paths = "object.object2.prop11".split("'"); System.ou</div> </li> <li><a href="/article/3509.htm" title="如何对10亿数据量级的mongoDB作高效的全表扫描" target="_blank">如何对10亿数据量级的mongoDB作高效的全表扫描</a> <span class="text-muted">quentinXXZ</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div> 本文链接: http://quentinXXZ.iteye.com/blog/2149440 一、正常情况下,不应该有这种需求 首先,大家应该有个概念,标题中的这个问题,在大多情况下是一个伪命题,不应该被提出来。要知道,对于一般较大数据量的数据库,全表查询,这种操作一般情况下是不应该出现的,在做正常查询的时候,如果是范围查询,你至少应该要加上limit。 说一下,</div> </li> <li><a href="/article/3636.htm" title="C语言算法之水仙花数" target="_blank">C语言算法之水仙花数</a> <span class="text-muted">qiufeihu</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>/** * 水仙花数 */ #include <stdio.h> #define N 10 int main() { int x,y,z; for(x=1;x<=N;x++) for(y=0;y<=N;y++) for(z=0;z<=N;z++) if(x*100+y*10+z == x*x*x</div> </li> <li><a href="/article/3763.htm" title="JSP指令" target="_blank">JSP指令</a> <span class="text-muted">wyzuomumu</span> <a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a> <div> jsp指令的一般语法格式: <%@ 指令名 属性 =”值 ” %> 常用的三种指令: page,include,taglib page指令语法形式: <%@ page 属性 1=”值 1” 属性 2=”值 2”%> include指令语法形式: <%@include file=”relative url”%> (jsp可以通过 include</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类:</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>
表单用于搜集不同类型的用户输入
Content 元素: