您的位置：首页 > Web前端 > HTML

html表单控件的使用

2016-06-17 15:37 399 查看
这段时间有时间整理一点关于HTML表单控件使用的简单介绍，下面这里分享一下。

<html>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<head><title>表单元素</title></head>

<body>

    <form action="?" method="get">

        您最喜欢哪些城市：

        <!- checkbox是复选框，radio是单选框，name后面的参数名要一致->

        <input type="checkbox" name="cities" value="beijing">北京

        <input type="checkbox" name="cities" value="shanghai">上海

        <input type="checkbox" name="cities" value="lundun">郑州

        <br/>

        您的性别是：

        

        <!- 这里name后面的参数要一致->

        <input type="radio" name="sex" value="man">男

        <input type="radio" name="sex" value="women">女

        <br/>

        隐藏域的使用

        <input type="hidden" name="data" value="OK"/><br/>

        <input type="submit" value="测试"/><br/>

        

        <!-以图片做一个按钮->

        <input type="image" src="agree.png"><br/>

        

        <!-下拉列表->

        请选择您的出生地：

        <select name="address">

        <option value="henan">河南</option>

        <option value="hubei">湖北</option>

        <option value="fujian">福建</option>

        <option value=jiangsu>江苏</option>

        </select><br/>

        

        <!-文本域->

        <textarea name="textarea" cols="40" rows="10">

        </textarea><br/>

        <!-文件上传的控件->

        <input type="file" name="myfile">上传文件<br/>

    </form>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航