คำถามติดแท็ก button

ปุ่มเป็นองค์ประกอบอย่างง่ายในส่วนต่อประสานผู้ใช้แบบกราฟิกที่ใช้การคลิกเมาส์หรือใช้นิ้ว (เป็นอุปกรณ์สัมผัส) เป็นอินพุต

30
จะสร้างปุ่ม HTML ที่ทำหน้าที่เหมือนลิงค์ได้อย่างไร?
มีอะไรให้คุณบ้างStack Overflow ที่อยู่ : Каксоздать HTML-кнопку, котораябудетвестисебя, какгиперсылка? ฉันต้องการสร้างปุ่ม HTML ที่ทำหน้าที่เหมือนลิงก์ ดังนั้นเมื่อคุณคลิกปุ่มมันจะเปลี่ยนเส้นทางไปยังหน้า ฉันต้องการให้เข้าถึงได้มากที่สุด ฉันต้องการเช่นกันดังนั้นจึงไม่มีอักขระพิเศษหรือพารามิเตอร์ใน URL ฉันจะบรรลุสิ่งนี้ได้อย่างไร จากคำตอบที่โพสต์จนถึงขณะนี้ฉันกำลังทำสิ่งนี้: <form method="get" action="/page2"> <button type="submit">Continue</button> </form> แต่ปัญหานี้คือในSafariและInternet Explorerจะเพิ่มอักขระเครื่องหมายคำถามไว้ที่ส่วนท้ายของ URL ฉันต้องการค้นหาวิธีแก้ไขที่ไม่เพิ่มอักขระใด ๆ ลงในส่วนท้ายของ URL มีอีกสองวิธีในการทำเช่นนี้: การใช้ JavaScript หรือจัดแต่งทรงผมลิงก์ให้ดูเหมือนปุ่ม ใช้ JavaScript: <button onclick="window.location.href='/page2'">Continue</button> แต่สิ่งนี้ต้องมี JavaScript และด้วยเหตุนี้จึงทำให้ผู้อ่านหน้าจอเข้าถึงได้น้อยลง จุดเชื่อมโยงคือการไปที่หน้าอื่น ดังนั้นการพยายามทำปุ่มให้เหมือนลิงค์เป็นทางออกที่ผิด คำแนะนำของฉันคือการที่คุณควรใช้การเชื่อมโยงและรูปแบบให้มีลักษณะเหมือนปุ่ม <a href="/link/to/page2">Continue</a>

15
<button> เทียบกับ <input type =“ button” /> จะใช้อะไร
เมื่อดูไซต์ส่วนใหญ่ (รวมถึง SO) ส่วนใหญ่จะใช้: &lt;input type="button" /&gt; แทน: &lt;button&gt;&lt;/button&gt; อะไรคือความแตกต่างที่สำคัญระหว่างสองถ้ามี? มีเหตุผลที่ถูกต้องหรือไม่ที่จะใช้อันใดอันหนึ่งแทนอีกอัน? มีเหตุผลที่ถูกต้องในการใช้การรวมเข้าด้วยกันหรือไม่ การใช้&lt;button&gt;มาพร้อมกับปัญหาความเข้ากันได้หรือไม่เพราะมันไม่ได้ใช้กันอย่างแพร่หลาย?

28
คลิกปุ่มทริกเกอร์ด้วย JavaScript บนปุ่ม Enter ในกล่องข้อความ
ฉันมีข้อความเดียวและปุ่มเดียว (ดูด้านล่าง) ฉันจะใช้จาวาสคริปต์เพื่อเรียกใช้เหตุการณ์การคลิกของปุ่มได้อย่างไรเมื่อEnterมีการกดปุ่มภายในกล่องข้อความ มีปุ่มส่งที่แตกต่างกันในหน้าปัจจุบันของฉันดังนั้นฉันจึงไม่สามารถทำให้ปุ่มเป็นปุ่มส่งได้ และผมเพียงต้องการEnterที่สำคัญในการคลิกที่ปุ่มนี้โดยเฉพาะถ้ามันถูกกดจากภายในกล่องข้อความนี้ไม่มีอะไรอื่น &lt;input type="text" id="txtSearch" /&gt; &lt;input type="button" id="btnSearch" value="Search" onclick="doSomething();" /&gt;

17
วิธีป้องกันปุ่มจากการส่งแบบฟอร์ม
ในหน้าต่อไปด้วย Firefox ปุ่มลบจะส่งแบบฟอร์ม แต่ปุ่มเพิ่มจะไม่ส่ง ฉันจะป้องกันปุ่มลบจากการส่งแบบฟอร์มได้อย่างไร &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="jquery-1.3.2.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; function addItem() { var v = $('form :hidden:last').attr('name'); var n = /(.*)input/.exec(v); var newPrefix; if (n[1].length == 0) { newPrefix = '1'; } else { newPrefix = parseInt(n[1]) + 1; } var oldElem = $('form tr:last'); var newElem …

16
Android: การรวมข้อความและรูปภาพบนปุ่มหรือ ImageButton
ฉันพยายามที่จะมีภาพ (เป็นพื้นหลัง) ที่ปุ่มและเพิ่มแบบไดนามิกขึ้นอยู่กับสิ่งที่เกิดขึ้นในช่วงเวลาทำงานข้อความบางข้อความด้านบน / เหนือภาพ ถ้าฉันใช้ImageButtonฉันไม่มีโอกาสที่จะเพิ่มข้อความ หากฉันใช้Buttonฉันสามารถเพิ่มข้อความกำหนด แต่เพียงภาพที่มีandroid:drawableBottomและแอตทริบิวต์ XML ที่คล้ายกันตามที่กำหนดไว้ที่นี่ อย่างไรก็ตามคุณลักษณะเหล่านี้รวมข้อความและรูปภาพในขนาด x และ y เท่านั้นซึ่งหมายความว่าฉันสามารถวาดภาพที่อยู่รอบข้อความของฉันได้ แต่ไม่ต่ำกว่า / ใต้ข้อความของฉัน (โดยมีแกน z กำหนดว่าออกมาจากหน้าจอ) ข้อเสนอแนะใด ๆ เกี่ยวกับวิธีการทำเช่นนี้? หนึ่งความคิดที่จะให้ทั้งขยายButtonหรือImageButtonและแทนที่draw()-method แต่ด้วยระดับความรู้ปัจจุบันของฉันฉันไม่รู้วิธีการทำสิ่งนี้จริงๆ (การเรนเดอร์แบบ 2D) อาจเป็นคนที่มีประสบการณ์มากขึ้นรู้วิธีแก้ปัญหาหรืออย่างน้อยก็มีพอยน์เตอร์ให้เริ่ม?
540 android  image  text  button 

8
ฉันสามารถ <button> ไม่ส่งแบบฟอร์มได้หรือไม่?
ฉันมีแบบฟอร์มมี 2 ปุ่ม &lt;a href="index.html"&gt;&lt;button&gt;Cancel changes&lt;/button&gt;&lt;/a&gt; &lt;button type="submit"&gt;Submit&lt;/button&gt; ฉันใช้ปุ่มของ jQuery UI บนพวกเขาเช่นกัน $('button').button(); อย่างไรก็ตามปุ่มแรกจะส่งแบบฟอร์มด้วย ฉันจะคิดว่าถ้ามันไม่มีtype="submit"มันก็ไม่ได้ เห็นได้ชัดว่าฉันสามารถทำได้ $('button[type!=submit]').click(function(event) { event.stopPropagation(); }); แต่มีวิธีที่ฉันสามารถหยุดปุ่มย้อนกลับนั้นจากการส่งแบบฟอร์มโดยไม่ต้องมีการแทรกแซง JavaScript? ตามจริงแล้วฉันใช้ปุ่มเพียงปุ่มเดียวดังนั้นฉันจึงสามารถจัดสไตล์ด้วย jQuery UI ฉันพยายามโทรหาbutton()ลิงก์ แต่ก็ใช้งานไม่ได้ตามที่คาดไว้ (ดูน่าเกลียดมาก!)

18
วิธีจัดการกับการคลิกปุ่มโดยใช้ XML onClick ภายใน Fragments
Pre-Honeycomb (Android 3) แต่ละกิจกรรมได้รับการลงทะเบียนเพื่อจัดการการคลิกปุ่มผ่านonClickแท็กใน XML ของเค้าโครง: android:onClick="myClickMethod" ภายในเมธอดนั้นคุณสามารถใช้view.getId()และคำสั่ง switch เพื่อทำตรรกะปุ่ม ด้วยการแนะนำ Honeycomb ฉันได้แบ่งกิจกรรมเหล่านี้เป็นชิ้นส่วนซึ่งสามารถนำกลับมาใช้ใหม่ได้ในกิจกรรมต่างๆ พฤติกรรมส่วนใหญ่ของปุ่มนั้นเป็นอิสระจากกิจกรรมและฉันต้องการให้โค้ดอยู่ในไฟล์ Fragments โดยไม่ต้องใช้วิธีเก่า (ก่อน 1.6) ในการลงทะเบียนOnClickListenerสำหรับแต่ละปุ่ม final Button button = (Button) findViewById(R.id.button_id); button.setOnClickListener(new View.OnClickListener() { public void onClick(View v) { // Perform action on click } }); ปัญหาคือเมื่อรูปแบบของฉันพองตัวมันยังคงเป็นพื้นที่กิจกรรมที่ได้รับการคลิกปุ่มไม่ใช่ชิ้นส่วนแต่ละชิ้น มีวิธีการที่ดีทั้ง ลงทะเบียนชิ้นส่วนเพื่อรับการคลิกปุ่ม? ส่งเหตุการณ์คลิกจากกิจกรรมไปยังส่วนที่เป็นของพวกเขาหรือไม่

18
ใน Android ฉันจะตั้งค่าระยะขอบเป็น dp โดยทางโปรแกรมได้อย่างไร
ในนี้ , นี้และนี้ด้ายฉันพยายามที่จะหาคำตอบเกี่ยวกับวิธีการตั้งค่าระยะขอบบนมุมมองเดียว อย่างไรก็ตามฉันสงสัยว่าถ้าไม่มีวิธีที่ง่ายกว่านี้ ฉันจะอธิบายว่าทำไมฉันจึงไม่ต้องการใช้วิธีนี้: ฉันมีปุ่มที่กำหนดเองซึ่งขยายปุ่ม หากพื้นหลังถูกตั้งค่าเป็นอย่างอื่นนอกเหนือจากพื้นหลังเริ่มต้น (โดยการเรียกอย่างใดอย่างหนึ่งsetBackgroundResource(int id)หรือsetBackgroundDrawable(Drawable d)) ฉันต้องการให้ระยะขอบเป็น 0 ถ้าฉันเรียกสิ่งนี้ว่า public void setBackgroundToDefault() { backgroundIsDefault = true; super.setBackgroundResource(android.R.drawable.btn_default); // Set margins somehow } ฉันต้องการให้อัตรากำไรขั้นต้นที่จะรีเซ็ต -3dp (ฉันได้อ่านที่นี่วิธีการแปลงจากพิกเซล DP, ดังนั้นเมื่อผมรู้ว่าอัตรากำไรที่ตั้งอยู่ใน px ผมสามารถจัดการแปลงตัวเอง) แต่เนื่องจากสิ่งนี้ถูกเรียกในCustomButtonชั้นเรียนผู้ปกครองอาจแตกต่างจาก LinearLayout ถึง TableLayout และฉันไม่อยากให้เขาได้รับผู้ปกครองของเขาและตรวจสอบตัวอย่างของผู้ปกครองนั้น นั่นจะเป็นสิ่งที่ไม่มีประสิทธิภาพเลยทีเดียว นอกจากนี้เมื่อโทร (โดยใช้ LayoutParams) parentLayout.addView(myCustomButton, newParams)ฉันไม่รู้ว่าสิ่งนี้เพิ่มเข้าไปในตำแหน่งที่ถูกต้อง (ยังไม่ได้ลอง) ให้พูดปุ่มกลางของแถวที่ห้า คำถาม: มีวิธีใดที่ง่ายกว่าในการตั้งค่าระยะขอบของปุ่มเดียวโดยทางโปรแกรมนอกเหนือจากการใช้ LayoutParams? แก้ไข: …
401 android  layout  button  margin 

10
จะปิดการใช้งานปุ่ม Android ได้อย่างไร
ฉันสร้างเค้าโครงที่มีสองปุ่มถัดไปและก่อนหน้า ในระหว่างปุ่มฉันกำลังสร้างมุมมองแบบไดนามิกบางอย่าง ดังนั้นเมื่อฉันเปิดแอปพลิเคชั่นครั้งแรกฉันต้องการปิดการใช้งานปุ่ม "ก่อนหน้า" เนื่องจากไม่มีมุมมองก่อนหน้านี้ ฉันต้องการปิดใช้งานปุ่ม "ถัดไป" เมื่อไม่มีมุมมองเพิ่มเติมให้แสดง อย่างไรก็ตามมีการปิดใช้งานปุ่มหรือไม่
370 android  layout  button 


11
รูปแบบปุ่มการออกแบบวัสดุ Android
ฉันสับสนกับรูปแบบปุ่มสำหรับการออกแบบวัสดุ ฉันต้องการรับปุ่มยกสีสันในลิงก์ที่แนบมาเช่นปุ่ม "บังคับหยุด" และ "ถอนการติดตั้ง" ที่เห็นในส่วนการใช้งาน มีสไตล์ที่พร้อมใช้งานหรือฉันต้องกำหนดมันหรือไม่? http://www.google.com/design/spec/components/buttons.html#buttons-usage ฉันหาสไตล์ปุ่มเริ่มต้นไม่พบ ตัวอย่าง: &lt;Button style="@style/PrimaryButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Calculate" android:id="@+id/button3" android:layout_below="@+id/editText5" android:layout_alignEnd="@+id/editText5" android:enabled="true" /&gt; หากฉันพยายามเปลี่ยนสีพื้นหลังของปุ่มด้วยการเพิ่ม android:background="@color/primary" สไตล์ทั้งหมดหายไปเช่นแอนิเมชั่นระบบสัมผัสเงามุมมนเป็นต้น

7
เคล็ดลับเครื่องมือสำหรับปุ่ม
เป็นไปได้ไหมที่จะสร้างคำแนะนำเครื่องมือสำหรับปุ่ม html ปุ่ม HTML ปกติและไม่มีแอตทริบิวต์ชื่อเนื่องจากมีปุ่มควบคุม html บางตัว ความคิดหรือความคิดเห็นใด ๆ
292 html  button  tooltip 

6
วิธีทำให้ปุ่มดูเหมือนลิงค์
ฉันต้องทำให้ปุ่มดูเหมือนลิงค์โดยใช้ CSS การเปลี่ยนแปลงจะเสร็จสิ้น แต่เมื่อฉันคลิกที่มันจะแสดงให้เห็นราวกับว่ามันผลักเหมือนปุ่ม แนวคิดใดที่จะลบออกเพื่อให้ปุ่มทำงานเป็นลิงก์แม้เมื่อคลิก
287 css  button  hyperlink 

14
วิธีกำหนดตำแหน่งปุ่มกลางใน Twitter Bootstrap 3
ฉันกำลังสร้างฟอร์มใน Twitter Bootstrap แต่ฉันมีปัญหากับการกดปุ่มตรงกลางด้านล่างอินพุตในแบบฟอร์ม ฉันได้ลองใช้center-blockชั้นเรียนกับปุ่มแล้ว แต่ไม่ได้ผล ฉันจะแก้ไขได้อย่างไร นี่คือรหัสของฉัน &lt;!-- Button --&gt; &lt;div class="form-group"&gt; &lt;label class="col-md-4 control-label" for="singlebutton"&gt;&lt;/label&gt; &lt;div class="col-md-4"&gt; &lt;button id="singlebutton" name="singlebutton" class="btn btn-primary center-block"&gt; Next Step! &lt;/button&gt; &lt;/div&gt; &lt;/div&gt;

28
ปุ่มระบายสีใน Android ที่มีการออกแบบวัสดุและ AppCompat
ก่อนที่การAppCompatอัปเดตจะออกมาในวันนี้ฉันสามารถเปลี่ยนสีของปุ่มต่างๆใน Android L ได้ แต่ไม่ใช่รุ่นเก่ากว่า หลังจากรวมการอัปเดต AppCompat ใหม่แล้วฉันไม่สามารถเปลี่ยนสีสำหรับรุ่นใดรุ่นหนึ่งได้เมื่อฉันลองใช้งานปุ่มจะหายไป ไม่มีใครรู้วิธีเปลี่ยนสีปุ่ม? ภาพต่อไปนี้แสดงสิ่งที่ฉันต้องการบรรลุ: ปุ่มสีขาวเป็นค่าเริ่มต้นปุ่มสีแดงเป็นสิ่งที่ฉันต้องการ นี่คือสิ่งที่ฉันทำก่อนหน้านี้เพื่อเปลี่ยนสีของปุ่มในstyles.xml: &lt;item name="android:colorButtonNormal"&gt;insert color here&lt;/item&gt; และจะทำแบบไดนามิก: button.getBackground().setColorFilter(getResources().getColor(insert color here), PorterDuff.Mode.MULTIPLY); นอกจากนี้ฉันเปลี่ยนชุดรูปแบบของแม่จาก@android:style/Theme.Material.Light.DarkActionBarเป็นTheme.AppCompat.Light.DarkActionBar

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.