微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html5表单元素中

效果

代码

<!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 有:

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。