首页 > 代码库 > 表单元素

表单元素

表单元素

让用户填写内容,与用户进行交互

<input/>是单标签元素 元素分为:

一 文本类

        1  <input type(类型)="text"   出现文本框   name="可以表单元素取名" value(值)=“随便添加”/>

        2  <input type="password(变成了隐藏) name="名字" value=http://www.mamicode.com/“值”/>

        3  <input type="hidden(隐藏域) name="...." value="http://www.mamicode.com/....."/>       ←注: 这个是特殊的,比如说数据不想让客户看到,但又是重要数据,又要提交,就可以用这个代码

        4  文本域   <textarea></textarea>

                       <textarea name="....">非常大区域内容较多,例如小说!用户输入</textarea>

二 按钮类

        1   <input type="button(按钮)" value="http://www.mamicode.com/显示的文字" (name=""用的不多...)/>

        2   <input type="submit(提交按钮 提交数据)" value="http://www.mamicode.com/重置"/>

        3   <input type="image(图片) src=http://www.mamicode.com/(浏览器中搜寻)"/>

三 选择输入类

        1  单选按钮

              <br/>

                    <input type="redio(单选按钮)"/>  name="任意设置" value=http://www.mamicode.com/“男”/>男

                                                                   ↑(以此类推)

        2  多选按钮

                    <input type="checkbox(复选框)” name="例如:爱好" value="http://www.mamicode.com/玩"/>玩

                                                                   ↑(以此类推)

        3  下拉列表

                    <select name="mz">

                    <option value="http://www.mamicode.com/设置名">内容</option>

                                                 ↑(以此类推)

        4  选择文件(上传文件)

                    <input type="file"(变成文字选择) name="file"/>

还有一些属性如果添加会出现的效果

<input   readonly(当输入这个单词的时候只能看不能写)type="text"  name="zq" value=http://www.mamicode.com/“zq”/>

            disabled(当输入这个单词的时候不可用提交不了)type="text"  name="zq" value=http://www.mamicode.com/“zq”/>

            hidden(当输入这个单词的时候,起到了隐藏的作用)type="text"  name="zq" value=http://www.mamicode.com/“zq”/>

            checked(默认选中)

            selected(默认下拉列表做选中)

<body>
<input type="text" name="zq" value="zq"  />
<input type="password" name="zq" value="你好"/>
<input type="hidden" name="zq" value="再见"/>
<textarea name="zq">再见</textarea>
<input type="button" value="登陆" name="" />
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
<input type="image" src="图片/42381447180350623.jpg"/>
<br />
<input type="radio" name="sex" value="男"/><input type="radio" name="sex" value="女"/><input type="checkbox" name="爱好" value="玩"/><input type="checkbox" name="爱好" value="看书"/>看书
<input type="checkbox" name="爱好" value="运动"/>运动
<select name="zq">

<option value="noo1">汉族</option>
<option value="noo2">回族</option>
<option value="noo3">彝族</option>

</select>
<input type="file" name="file"/>
</body>

 

一早上的知识量需要融会贯通的反复练习!!!!!!

 

表单元素