html-表单

<!-- form定义表单域，将其范围内的表单元素提交给服务器 -->

<form action="demo.php" method="get">

    <h3>表单元素</h3>

    <h2>input</h2>

    <!-- text文本框 用户可以输入任何文字 默认20字节 -->

    <label for="text">用户名：</label><input type="text" name="username" value="请输入用户值" maxlength="6" id="text"><br>

    <!-- password -->

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

    <!-- name是表单元素名字，单选可以通过相同的名字实现 -->

    <!-- name，value值方便后台人员使用 -->

    <!-- 单选框和复选框可以设置checked属性，当页面打开的时候可以默认选中这个按钮 ,给radio命名可实现单选-->

    性别：<label for="nan">男</label><input type="radio" name="sex" value="男" id="nan"><label for="nv">女</label><input type="radio" name="sex" value="女" checked = 'checked' id="nv">

    <br>

   

    爱好：吃饭<input type="checkbox" name="hobby">睡觉<input type="checkbox"name="hobby">玩手机<input type="checkbox" name="hobby" checked = "checked"><br>

<br>

<!-- 下拉标签 选定状态selectede = "selected" -->

籍贯：

<select name="" id="">

    <option value="beij">北京</option>

    <option value="">南京</option>

    <option selected = "selected">徐州</option>

</select>

<br>

<!-- 点击了提交按钮可以把表单域form中的表单元素里面的值提交给后台服务器 -->

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

<!-- 重置 -->

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

<!-- 普通按钮button 后期结合js搭配使用 -->

<input type="button" value="发送验证码">

<!-- 文件域 使用场景 上传文件使用 -->

上传头像：<input type="file">

今日反馈

<textarea name="" id="" cols="30" rows="10">textarea</textarea>

</form>