管理信息系统的开发与管理

带label的文本输入区域

1. <label for=""></label>
   <textarea " id=""></textarea>

{% extends ‘base.html‘ %}

{% block title %}问答{% endblock %}
{% block head %}
     <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="../static/css/fabu.css">

{% endblock %}

{% block main %}
   <div class="label">
    <h1 style="color:pink",align="center"> 发布问答</h1>
        <div class="q">
            <label for="question">问题</label>
            <textarea id="question" cols="50" rows="1"></textarea>
        </div>
        <div class="form-group">
            <label for="questionDetail">详情</label>
            <textarea class="form-control" id="questionDetail" cols="50" rows="5"></textarea>
        </div>
       <br>
        <div class="input-area">
            <button onclick="fnQuestion">发布问答</button>
        </div>
    </div>
{% endblock %}

.label{
    border-style:dotted solid;
    border-color:pink;
    border-width:5px;
     margin: 0 auto;
    text-align: center;
    background-color:wheat;
     width: 500px;
}

.input_box{
    width: 300px;
    height: 30px;
    border-bottom-width: 2px;
    line-height: 30px;
    font-weight: bold;

}
.input_box{
    font-size: 8px;
    font-weight: bold;
    border-color: blanchedalmond;
}