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

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码