W
W
WP Panda2015-09-29 13:36:32
css
WP Panda, 2015-09-29 13:36:32

What to say to a workbench that typesets forms like this?

this is how the input type file is laid out, then what exactly it is, you can only guess by looking at the layout

<div class="regform1-img">
                        <div class="rf1-title">Ваше фото<br>для анкеты:</div>
                        <img src="img/no-avatar.jpg" alt="">
                        <div class="photo-about hidden-desktop">Загрузите фото отличного качества в формате JPG или PNG. Ученики всегда охотнее выбирают репетиторов с фотографиями.</div>
                        <a href="#" class="create-anketa">Загрузить фото</a>
                    </div>
</php>

inputs have no name, a link is inserted instead of input submit, there are all sorts of eror, and so on, the layout is replete with familia, telefon, rl-obrazovanue, otsenka-title classes and other goodies.
this is how the form looks like that is guessed only by the intuats of the form tag is not there
<div class="reg1-form-block">
                    <div class="regform1-img">
                        <div class="rf1-title">Ваше фото<br>для анкеты:</div>
                        <img src="img/no-avatar.jpg" alt="">
                        <div class="photo-about hidden-desktop">Загрузите фото отличного качества в формате JPG или PNG. Ученики всегда охотнее выбирают репетиторов с фотографиями.</div>
                        <a href="#" class="create-anketa">Загрузить фото</a>
                    </div>
                    <div class="rf1-inputs-block">

                        <div class="rf-input-wrap ttgray">
                            <div class="rf-select">
                                <select>
                                    <option>Ваш пол *</option>
                                    <option>Мужской</option>
                                    <option>Женский</option>
                                </select>
                                <div class="input-eror">Это поле обязательно для заполнения</div>
                            </div>
                        </div>
                        <div class="rf-input-wrap ttgray">
                            <input type="text" placeholder="Фамилия *" class="" >
                            <div class="input-eror">Это поле обязательно для заполнения</div>
                        </div>
                        <div class="rf-input-wrap ttgray">
                            <input type="text" placeholder="Имя *" class="" >
                            <div class="input-eror">Это поле обязательно для заполнения</div>
                        </div>
                        <div class="rf-input-wrap ttgray">
                            <input type="text" placeholder="Отчество *" class="" >
                            <div class="input-eror">Это поле обязательно для заполнения</div>
                        </div>
                        <div class="rf-input-wrap ttgray">
                            <div class="rf-select">
                                <select>
                                    <option>Год рождения *</option>
                                    <option value="1990">1990</option>
                                </select>
                                <div class="input-eror">Это поле обязательно для заполнения</div>
                            </div>
                        </div>
                        <div class="rf-input-wrap ttgray">
                            <input type="text" placeholder="Мобильный телефон *" class="tel2 " >
                            <div class="input-eror">Это поле обязательно для заполнения</div>
                        </div>
                        <div class="rf-input-wrap ttgray">
                            <input type="text" placeholder="E-mail адрес *" class="eror" >
                            <div class="input-eror">Это поле обязательно для заполнения</div>
                        </div>
                        <div class="rf1-input-text">
                            Подтверждаю ознакомление и согласие с условиями <a href="#">Публичной оферты</a> в полном объёме.
                        </div>
                        <div class="rf-chekbox"><input type="checkbox"></div>

                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="reg1-form-text">
                    <div class="rb1-left hidden-nodesktop">Загрузите фото отличного качества в формате JPG или PNG.
                        Ученики всегда охотнее выбирают репетиторов с фотографиями.</div>
                    <div class="rb1-right">(Фамилия и контактные телефоны не отображаются в анкете, не распространяются и не передаются кому-либо без вашего согласия)</div>
                    <div class="clearfix"></div>
                    <a href="#" class="green-button">Далее</a>
                </div>

Answer the question

In order to leave comments, you need to log in

1 answer(s)
D
Dima Pautov, 2015-09-29
@wppanda5

Just inexperienced! Explain to him who he is, Vasya, and why this is bad!
During my career, I noticed 2 types of typesetter.
The 1st is the one who, looking at the layout, sees the code in his head in it, in its entirety, sees how he will write it right now, where is the form tag , where is the div , and where is the input . He immediately knows how to create a custom input file based on an example. They are driven by experience!
The 2nd one is the one that sees only the picture in the layout, and layouts it so that the layout visually looks like a picture. Therefore, I don’t worry about semantics, because I’m sure that since it is displayed as in a layout, then everything is OK! They are driven xs what!

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question