关于表单----html杂记

时间：2023-11-24 23:28:02

前言：总结了一些关于表单的东西，发下内心的感慨，以前感觉自己什么都会，今天竟然连最基本的表单的东西都忘了，好丢人，

学习的过程中，切勿眼高手低，一定要做好自己的笔记，然后多写代码，多想为什么，我比较笨，但是我相信勤能不着。

不说了，我又来粘贴代码了，这次就不放运行效果图了。

html表单代码：

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

     </head>

     <body>

         <form method="post">

             <legend>标题</legend>

             <fieldset>

                      <label for="name">名字：</label><br />

             <hr />2.文本框，密码框，隐藏框:

             <input type="text" id="name" name="请输入你的名字" size="7" /><br />

             <input type="text" id="name" name="请输入你的名字" size="6" /><br />

             <input type="text" id="name" name="请输入你的名字" size="5" /><br />

             <input type="text" id="name" name="请输入你的名字" size="4" /><br />

             <input type="text" id="name" name="请输入你的名字" size="3" /><br />

             <input type="text" id="name" name="请输入你的名字" size="2" /><br />

             <input type="text" id="name" name="请输入你的名字" size="2" maxlength="3" /><br />

             <label for="pwd">密码：</label>

             <input type="password" id="pwd" name="pass" />

             <input type="hidden" id="pwd" name="hahah"  value="好"/>

             <hr />3复选框:

             <input type="checkbox" name="复选框1" value="A"  checked="checked"  disabled="disabled"/>

             <input type="checkbox" name="复选框2" value="B"     />

             <input type="checkbox" name="复选框3" value="C"      />

             <input type="checkbox" name="复选框4" value="D"     />

             <hr />单选栏:

             <input type="radio" name="A" value="A" checked="checked" />

             <input type="radio" name="A" value="B"   />

             <input type="radio" name="A" value="C"  />

             <hr />4.窗体栏位:

             <select name="ns" size="1">

                 <option value="A">A</option>

                 <option value="A">B</option>

                 <option value="A">C</option>

                 <option value="A">D</option>

             </select>

             <br />

             <hr />

              <textarea cols="50" rows=“50">

                  <h1> 你好啊</h1>

              </textarea>

             <p>

                 <input type="submit" name="提交"/>

                 <input type="reset" name="重置" />

             </p>

             <hr />5.按键，图像

             <button>

                 <img src="img/1.png" />

             </button>

             <hr />

             <input type="image" src="../day01/作业day01/img3/tv05.jpg" alt="好可怜" />

             <hr />

             <input type="file" name="file"  />

            </fieldset>

         </form>

     </body>

 </html>

相关文章