HTML5基础表单

基础结构：

1.  
   <form action="demo.php" method="POST" name="aaaa">
2.  
    
3.  
    
4.  
   </form>

输入文本，placeholder为辅助输入：

姓名：<input type="text" placeholder="请输入姓名" name="name"><br/>

密码（输入隐藏）：

密码：<input type="password" name="password"><br/>

单选，name必须一样：

性别：男<input type="radio" name="sex" value="男"> 女<input type="radio" name="sex"><br/>

复选，name也是一样的，checked表示初始状态是否被选中：

爱好：看电影<input type="checkbox" name="hoppy" checked="checked"> 玩游戏<input type="checkbox" name="hoppy"><br/>

长度限制，比如限制输入最多三个字符：

年龄：<input type="text" maxlength="3" name="age">

提交按钮：

<input type="submit"  value="注册">

将表 单的所有内容重置：

<input type="reset"  value="重新填写">

上传文件按钮：

上传文件：<input type="file">

普通按钮（后期与JS一起使用）：

<input type="button"  value="获取验证码"><br/>

这篇好文章是转载于：学新通技术网