HTML表单-简单入门使用

2019-02-14  本文已影响2人  求墨者

最简单的代码-所见即所得

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>表单-入门</title>
</head>

<body>
  <form action="" method="post">
    用户名(文本框):<input type="text">
    <br>

    密码(密码框):<input type="password">
    <br>

    性别(单选按钮):
    <input type="radio" name="sex">男
    <input type="radio" name="sex">女
    <br>

    爱好(复选框):
    <input type="checkbox">音乐
    <input type="checkbox">艺术
    <input type="checkbox">电脑
    <br>

    国籍(下拉列表):
    <select>
      <option>中国</option>
      <option>美国</option>
      <option>英国</option>
      <option>韩国</option>
    </select>
    <br>

    个性签名:(文本域):
    <textarea name="" id="" cols="30" rows="10"></textarea>
    <br>

    <input type="submit" value="提交按钮">
    <input type="reset" value="重置按钮">
  </form>
</body>

</html>
上一篇 下一篇

猜你喜欢

热点阅读