企业官网建设流程全解析

一、<input>元素的基本语法及格式

<input type=“表项类型” name=“表项名” value=“默认值” size="x" maxlength="y"/>

二、<input>元素的常用属性及含义

（1）type属性：指定表单项目的类型（text、password、checkbox、radio、button、hidden、email、date、pickers、number、range、image、file、submit或reset等）。

（2）name属性：表项的控制名，主要在处理表单时起作用。

（3）size属性：输入字段的可见字符数。

（4）checked属性：当页面加载时是否预先选择该input元素（type=“checkbox”或type=“radio”）。

（5）step属性：输入字段的合法数字间隔。

（6）max/min属性：输入字段的最大/小值。

三、<input>元素的输入字段

（1）文字和密码：

<input type=“text” name=“文本框名”> #输入的文本以标准的字符显示

<input type=“password” name=“密码框名”> #输入的每个字符显示为符号“ * ”

（2）重置和提交：

<input type=“submit” value="按钮名"> #提交按钮将填写的内容发送到服务器

<input type=“reset” value="按钮名"> #重置按钮将内容恢复为初始值

<input type=“button” value="按钮名"> #普通按钮用于制作触发事件的按钮

<input type=“image” value="图片来源"> #图片按钮用于制作带有图片的美观按钮

（3）复选框和单选钮：

<input type=“checkbox” name=“复选框名” value=“提交值” checked="checked">

<input type=“radio” name=“单选钮名” value=“提交值” checked="checked">

（4）电子邮件输入框：

<input type=“email” name=“电子邮件输入框名”>

<h3>个人信息收集表</h3> 姓名:<input type="姓名" type="text" value="请输入您的姓名"><br> 密码:<input type="密码"type="bassword" value="请输入您的密码"><br> 年级: <input nanme="年级" type="radio" value="大一">大一 <input name="年级" type="radio" value="大二">大二 <input name="年级" type="radio" value="大三">大三 <br> 兴趣： <input type="checkbox" value="编程">编程 <input type="checkbox" value="设计">设计 <input type="checkbox" value="游戏">游戏 <br> 上传头像：<input name="选择文件" type="file"><br> <input name="提交" type="submit"> <input name="重置" type="reset">

效果图如下：