html5表单元素（中）

来源：互联网发布：北京java软件培训机构编辑：程序博客网时间：2024/05/22 17:07

效果：

代码：

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

0 0