表单

<form > 其中get提交长度有限制,并且编码后内容在地址栏可见,post与其相反。

</form>

 

文本输入

文本框<input type="text" / placeholder是文字变灰>

密码框<input type="password" />

文本域<textarea name="" rows=“几行” ></textarea>

 

按钮

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

点击后form内提交服务器地址

重置按钮<input type="resest" name="" />

普通按钮<input type="button" name="" />

图片按钮<input type="image" name="" />

其中disabled是按钮失效的意思

 

单选与多选

单选

<input type="radio" />

<label for=""></label>

多选

<input type="checbox" />

<label for=""></label>

 

下拉列表

<select name="" >      size大于1是列表,multiple是多选

<option value="">内容</option>

<option value="" selected="slected">内容</option>    selected是设为默认

</select>

 

文件上传

<input type="file" name="" id=a''/>

具体以作业为例-------制作一张注册表

<body>
  <table width="300px" height="400px" border="1" background="PPS 2011-08-30 20'49''12.jpg" >
    <tr>
      <td>
        <form method="post" action="http://www.sina.com">
      <table border="1px">
    <tr>
      <td>登录名:</td>
      <td>
        <input type="text" name="userid" value="" placeholder="登录名" required="required">
      </td>
    </tr>
    <tr>
      <td>密码:</td>
      <td>
        <input >
      </td>

    </tr>
    <tr>
      <td>手机号:</td>
      <td>
        <input ></textarea>

      </td>

    </tr>
    <tr>
      <td colspan="2">
        <input type="image" name="q" >
      </td>

    </tr>

</table>

</td>

</tr>
</table>
</form>

 </body>

 

相关文章:

  • 2021-09-05
  • 2021-07-31
  • 2021-12-27
  • 2022-01-25
  • 2021-08-11
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-02-01
  • 2022-12-23
  • 2022-12-23
  • 2021-09-07
  • 2021-08-06
  • 2021-04-04
  • 2022-12-23
相关资源
相似解决方案