HTML 입력 필드를 필드의 텍스트로만 표시하십시오.

input 필드의 번호가있는 HTML 양식이 있으며 jQuery를 사용하여 각 필드의 내용에 동적으로 추가됩니다.HTML 입력 필드를 필드의 텍스트로만 표시하십시오.

필드가 입력 필드이고 필드의 내용으로 만 표시된다는 사실을 숨길 수 있습니까?

전체 필드를 숨기고 싶지 않습니다. 및 내용입니다. 입력 필드가 사실임을 숨 깁니다.

jQuery의 hide()과 $('#foo').css('display','none')을 시도했지만 전체 필드를 숨 깁니다.

아이디어는 많은 수의 필드가있을 수 있지만 사용자가 모든 입력 텍스트 필드를 볼 수 없도록하려는 것입니다. 이 같은 뭔가

2013-08-29 Raj

경계를 표시하고 싶지 않습니까? –

만약 당신이 그들을 입력처럼 보이게하고 싶지 않다면 왜 그것들을 입력으로 만드십니까? – Pevara

필드가 아닌 텍스트 만 표시 하시겠습니까? 입력 필드를 사용해야하는 이유는 무엇입니까? 또는 다른 모양으로 입력 필드 css를 다시 형식화하고 싶습니까? –

어떻게 이런 일에 대해 :

$('.dynamic input').each(function() { 
    $('<div/>').html($(this).val()).insertAfter($(this).hide()); 
});

2013-08-29 22:19:50 OneOfOne

나는 이것과 비슷한 일을 끝내었고, 이것을 답으로 표시했다. 나는 필드 값을 캡쳐하고 필요에 따라 CSS를 사용하여 스타일을 지정하고 숨기기()로 입력을 숨 깁니다. 입력 필드 자체를 반드시 다시 스타일링 할 필요없이 내 목적에 맞게 작동합니다. – Raj

시작 :

input { 
    border: none; 
    outline: none; 
    background-color: transparent; 
    font-family: inherit; 
    font-size: inherit; 
}

2013-08-29 22:18:25

배경도 제거하십시오. – putvande

여백 및 마진? – NotJay

를 사용하여 CSS border:none; 속성과 상자가 충분히 키/긴 있는지 확인합니다.

2013-08-29 22:20:53

이것은 반응이 좋은 해결책은 아니지만, 실제로 작동합니다! 명성 – nehemiah

답변