Как обрабатывать два ввода ввода?

Как создать поле ввода, которое с 2 частями, что 1 часть не редактируется с текстом по умолчанию и остатком того, что редактируется пользователем.

<input type='text' value='read only'><input type='text' value='editable>

Смешайте вход 2 в 1 вход.

Ответ 1

Вы можете попробовать комбинировать два входа, чтобы они выглядели как один из предлагаемых @DoeNietZoMoeilijk.

Вы можете добиться этого с помощью HTML и CSS, попробуйте следующее:

HTML:

<input type="text" value="Read only" id="first" readonly="readonly" />
<input type="text" value="Editable" id="second" />

CSS

#first {
    border-right: none;
}

#second {
    border-left: none;
    margin-left: -5px;
}

Вот пример в jsfiddle

И вот пример фрагмента:

#first {
    border-right: none;
}

#second {
    border-left: none;
    margin-left: -5px;
}

<input type="text" value="This is read only part" id="first" readonly="readonly" />
<input type="text" value="Editable" id="second" />

Ответ 2

Конечно, вы не можете смешивать два входа на одном входе, но, используя CSS, вы можете сделать два входа похожими на один. Установка атрибута readonly на первом входе делает его... ну, только для чтения.