demo_request: Fix HTML structure.

Add title and set label and id of input same for a field.
This commit is contained in:
Aman Agrawal 2024-04-29 06:03:39 +00:00 committed by Tim Abbott
parent f59c5edb73
commit 9184e6cc12
2 changed files with 20 additions and 16 deletions

View File

@ -1,5 +1,7 @@
{% extends "zerver/portico_signup.html" %} {% extends "zerver/portico_signup.html" %}
{% set PAGE_TITLE = "Request a demo | Zulip" %}
{% block portico_content %} {% block portico_content %}
<div class="register-account flex full-page"> <div class="register-account flex full-page">
<div class="center-block new-style"> <div class="center-block new-style">
@ -12,24 +14,24 @@
<fieldset class="support-request"> <fieldset class="support-request">
<div class="input-box support-form-field"> <div class="input-box support-form-field">
<label for="full_name" class="inline-block label-title">Full name</label> <label for="request_demo_form_full_name" class="inline-block label-title">Full name</label>
<input class="required" type="text" name="full_name" maxlength="{{ MAX_INPUT_LENGTH }}" required /> <input id="request_demo_form_full_name" class="required" type="text" name="full_name" maxlength="{{ MAX_INPUT_LENGTH }}" required />
</div> </div>
<div class="input-box support-form-field"> <div class="input-box support-form-field">
<label for="email" class="inline-block label-title">Email</label> <label for="request_demo_form_email" class="inline-block label-title">Email</label>
<input class="required" type="email" name="email" required /> <input id="request_demo_form_email" class="required" type="email" name="email" required />
</div> </div>
<div class="input-box support-form-field"> <div class="input-box support-form-field">
<label for="role" class="inline-block label-title">Your role</label> <label for="request_demo_form_role" class="inline-block label-title">Your role</label>
<input class="required" type="text" name="role" maxlength="{{ MAX_INPUT_LENGTH }}" required /> <input id="request_demo_form_role" class="required" type="text" name="role" maxlength="{{ MAX_INPUT_LENGTH }}" required />
</div> </div>
<div class="input-box support-form-field"> <div class="input-box support-form-field">
<label for="organization_name" class="inline-block label-title">Organization name</label> <label for="request_demo_form_organization_name" class="inline-block label-title">Organization name</label>
<input class="required" type="text" name="organization_name" maxlength="{{ MAX_INPUT_LENGTH }}" required /> <input id="request_demo_form_organization_name" class="required" type="text" name="organization_name" maxlength="{{ MAX_INPUT_LENGTH }}" required />
</div> </div>
<div class="input-box support-form-field"> <div class="input-box support-form-field">
<label for="organization_type" class="inline-block label-title">Organization type</label> <label for="request_demo_form_organization_type" class="inline-block label-title">Organization type</label>
<select name="organization_type" class="required"> <select id="request_demo_form_organization_type" name="organization_type" class="required">
{% for org_type in SORTED_ORG_TYPE_NAMES %} {% for org_type in SORTED_ORG_TYPE_NAMES %}
<option <option
value="{{ org_type }}"> value="{{ org_type }}">
@ -39,16 +41,16 @@
</select> </select>
</div> </div>
<div class="input-box support-form-field"> <div class="input-box support-form-field">
<label for="organization_website" class="inline-block label-title">Organization website</label> <label for="request_demo_form_organization_website" class="inline-block label-title">Organization website</label>
<input class="required" type="url" name="organization_website" required /> <input id="request_demo_form_organization_website" class="required" type="url" name="organization_website" required />
</div> </div>
<div class="input-box support-form-field"> <div class="input-box support-form-field">
<label for="expected_user_count" class="inline-block label-title">Expected number of users (approximate range)</label> <label for="request_demo_form_expected_user_count" class="inline-block label-title">Expected number of users (approximate range)</label>
<input class="required" type="text" name="expected_user_count" maxlength="{{ MAX_INPUT_LENGTH }}" required /> <input id="request_demo_form_expected_user_count" class="required" type="text" name="expected_user_count" maxlength="{{ MAX_INPUT_LENGTH }}" required />
</div> </div>
<div class="input-box support-form-field"> <div class="input-box support-form-field">
<label for="message" class="inline-block label-title">How can we help?</label> <label for="request_demo_form_message" class="inline-block label-title">How can we help?</label>
<textarea name="message" cols="100" rows="5" required></textarea> <textarea id="request_demo_form_message" name="message" cols="100" rows="5" required></textarea>
</div> </div>
<div class="register-button-box"> <div class="register-button-box">

View File

@ -1,5 +1,7 @@
{% extends "zerver/portico_signup.html" %} {% extends "zerver/portico_signup.html" %}
{% set PAGE_TITLE = "Contact support | Zulip" %}
{% block portico_content %} {% block portico_content %}
<div class="register-account flex full-page"> <div class="register-account flex full-page">
<div class="center-block new-style"> <div class="center-block new-style">