html5表单元素（中）

最新推荐文章于 2020-12-31 06:47:58 发布

fxy流年无悔

最新推荐文章于 2020-12-31 06:47:58 发布

阅读量341

点赞数

分类专栏： web 文章标签： html5

本文链接：https://blog.csdn.net/a716121/article/details/52095935

版权

web 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

效果：

代码：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
   <meta charset="utf-8">
   <title>表单元素（中）</title>
<head>
<body>
<from action="http://www.li.cc">
    <input type="text" name="user" maxlength="10" size="30" value="fanxingyue" readonly>
    <input type="text" list="abc" required>


    <input type="password" placeholder="请输入密码">

    <input type="number" min="10" max="100" step="2">

    <input type="date">
    <input type="month">
    <input type="time">
    <input type="week">
    <input type="datetime">
    <input type="datetime-local">


    <input type="color" name="color">

//复选框
    音乐<input type="checkbox" name="music" value="1">
    体育<input type="checkbox" name="sport" value="2">

//单选框
   <input type="radio" name="sex" value="1" checked>男
   <input type="radio" name="sex" value="2">女  

   <input type="submit">
   <input type="reset">
   <input type="button">


  <input type="image" src="img.png">



  <input type="email" >
  <input type="tel" >
  <input type="url" >


  <input type=“hidden" value="1" name="id">


  <input type="file"  accept="image/gif">
</from>
<datalist id="abc">
   <option value="1">苹果</option>
   <option value="2">橘子</option>
   <option value="3" label="香蕉">
   <option value="菠萝">
</datalist>
  //电子邮件：<input name="email" from="register">
</body>
<html>

input属性：

1 <input type="text">
2 <input type="password">
3 <input type="search">
4 <input type="number/range">
5 <input type="date">
6 <input type="color">
7 <input type="checkbox/radio">
8 <input type="submit/reset/button">
9 <input type="image">
10<input type="email/tel/url">
11<input type="hidden">
12<input type="file">

text 有: